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的屬性

以下是本文的效果圖：