使用复选框切换复选框列表

Question

切换复选框后，复选框列表完全不变。

 <script type="text/javascript">
 function check(checkbox) 
 {
  var cbl = document.getElementById('<%=CheckBoxList2.ClientID 
   %>').getElementsByTagName("input");
  for(i = 0; i < cbl.length;i++) cbl[i].checked = checkbox.checked;
 }
 </script>

  <asp:CheckBox ID="CheckBox1" runat="server" onclick="check(this)" 
 />
  <asp:CheckBoxList ID="CheckBoxList2" runat="server">
<asp:ListItem>C1</asp:ListItem>
<asp:ListItem>C2</asp:ListItem>
 </asp:CheckBoxList>