您的位置:首页 > Web前端 > JQuery

Jquery获取CheckBoxList的值(兼容火狐,附js方法)RadioButtonList同样适用

2012-05-24 11:22 706 查看
//给CheckBoxList添加alt属性
foreach (ListItem li in this.cblNeedTestRoom.Items) { li.Attributes.Add("alt", li.Value); }




function GetCheckBoxListValue() {
var valuelist = ""; //保存checkbox选中值
//遍历name以cblNeedTestRoom开头的checkbox
$("input[name^='cblNeedTestRoom']").each(function() {
if (this.checked) {
//$(this):当前checkbox对象;
//$(this).parent("span"):checkbox父级span对象
valuelist += $(this).parent("span").attr("alt") + ",";
}
});
if (valuelist.length > 0) {
//得到选中的checkbox值序列,结果为400,398
valuelist = valuelist.substring(0, valuelist.length - 1);
}
return valuelist;
}



这里提供一个js的方法,不过无法兼容火狐浏览器

<asp:CheckBoxList runat="server" ID="chbList" Style="font-size: 12px; line-height: 2px"
Visible="false">
</asp:CheckBoxList>


var vChbid = document.getElementById("<%=chbList.ClientID %>");
//得到所有checkbox值
var vChbidList = vChbid.getElementsByTagName("INPUT");
for (var i = 0; i < vChbidList.length; i++) {
if (vChbidList[i].checked) {
var text = vChbid.cells[i].innerText;
var value = vChbidList[i].value;alert(1);
// alert("选中项的text值为" + text.substring(0, 1) + ",value值为" + value);
perresult += text.substring(0, 1) + "|";
}
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: