ASP.NET CheckBoxList 控件實現全選、反選、清除功能 利用js

直接看代碼：

JS代碼如下：

<script type="text/javascript" language="javascript">
        function checkAll() {
            
            for (var i = 0; i < document.getElementById("cblStatuteEnumTypeId").getElementsByTagName("input").length; i++) {

                document.getElementById("cblStatuteEnumTypeId_" + i).checked = true;
            }
        }

        function deleteAll() {

            for (var i = 0; i < document.getElementById("cblStatuteEnumTypeId").getElementsByTagName("input").length; i++) {

                document.getElementById("cblStatuteEnumTypeId_" + i).checked = false;
            }
        }

        function ReverseAll() {

            for (var i = 0; i < document.getElementById("cblStatuteEnumTypeId").getElementsByTagName("input").length; i++) {

                var objCheck = document.getElementById("cblStatuteEnumTypeId_" + i);

                if (objCheck.checked)

                    objCheck.checked = false;
                else
                    objCheck.checked = true;
            }
        }

    </script>

 checkboxlist控件：

<asp:CheckBoxList ID="cblStatuteEnumTypeId" runat="server">
       <asp:ListItem Value="1">不是廢止依據</asp:ListItem>
       <asp:ListItem Value="2">表格亂</asp:ListItem>
       <asp:ListItem Value="3">缺表格</asp:ListItem>
       <asp:ListItem Value="4">缺內容</asp:ListItem>
       <asp:ListItem Value="5">廢止人工識別</asp:ListItem>
       <asp:ListItem Value="6">確定是修訂依據</asp:ListItem>
       <asp:ListItem Value="7">無法規標題清單</asp:ListItem>
</asp:CheckBoxList>

 JS按鈕調用代碼：

 <input type="button" onclick="checkAll()" value="全選" /> 
1 <input type="button" onclick="ReverseAll()" value="反選" id="Button1" /> 
1 <input type="button" onclick="deleteAll()" value="取消" />