js获取CheckBoxList选中的值

由于这几天要做项目中要通过js获取CheckBoxList选中的值，一开始在网上找了好多都是通过添加CheckBoxList的Attributes来实现，看起来感觉有点麻烦，故自己想了下也是通过添加Attributes来实现，但是通过添加item的Attributes不是CheckBoxList的Attributes。

以下是具体的实现方法：

后台代码：

protected void Page_Load(object sender, EventArgs e)
{
IList<test> testList = new List<test>();
for (int i = 0; i < 10; i++) {
test t = new test();
t.Name = "name"+i;
t.Code = "code" + i;
testList.Add(t);

CheckBoxList1.DataSource = testList;
CheckBoxList1.DataTextField = "name";
CheckBoxList1.DataValueField = "code";
CheckBoxList1.DataBind();

}
}

protected void CheckBoxList1_DataBound(object sender, EventArgs e)
{
foreach (ListItem item in CheckBoxList1.Items)
{
item.Attributes["valueCode"] = item.Value;
}
}

主要是通过DataBound的时候设置item的Attributes

前台页面代码：

<asp:CheckBoxList ID="CheckBoxList1" runat="server" OnDataBound="CheckBoxList1_DataBound">
</asp:CheckBoxList>
<input id="Button1" type="button" value="button" onclick="getCheckValue();" />

脚本代码：

<script type="text/javascript" language="javascript">
function getCheckValue() {
var chkObject = document.getElementById("CheckBoxList1");
var chkInput = chkObject.getElementsByTagName("input");
var item="";
for (var i = 0; i < chkInput.length; i++) {
if (chkInput[i].checked) {
item += chkInput[i].parentNode.valueCode + ",";
}
}
alert(item);
}
</script>

主要是通过获取所选中项的前一个元素的属性valueCode，就是在后台代码中添加item的属性

以下是本文的效果图：