ASP.NET CheckBoxList 空間實現全選、反選、清除功能

    

View Code

 1 <script type="text/javascript" language="javascript">
 2         function checkAll() {
 3             
 4             for (var i = 0; i < document.getElementById("cblStatuteEnumTypeId").getElementsByTagName("input").length; i++) {
 5 
 6                 document.getElementById("cblStatuteEnumTypeId_" + i).checked = true;
 7             }
 8         }
 9 
10         function deleteAll() {
11 
12             for (var i = 0; i < document.getElementById("cblStatuteEnumTypeId").getElementsByTagName("input").length; i++) {
13 
14                 document.getElementById("cblStatuteEnumTypeId_" + i).checked = false;
15             }
16         }
17 
18         function ReverseAll() {
19 
20             for (var i = 0; i < document.getElementById("cblStatuteEnumTypeId").getElementsByTagName("input").length; i++) {
21 
22                 var objCheck = document.getElementById("cblStatuteEnumTypeId_" + i);
23 
24                 if (objCheck.checked)
25 
26                     objCheck.checked = false;
27                 else
28                     objCheck.checked = true;
29             }
30         }
31 
32     </script>

 

View Code

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

 

<input type="button" onclick="checkAll()" value="全選" />

 

 

<input type="button" onclick="ReverseAll()" value="反選" id="Button1" />

 

<input type="button" onclick="deleteAll()" value="取消" />