CheckBox,复选框。没什么特别,它只是在表单中,同一个name的复选框可以拥有多个值而已。

    从我个人使用CheckBox的角度和情况出发,我觉得我们通常会用到CheckBox以下的这几个小方面。

    第一,在使用CheckBox时,会使用到对它的全选和反选。

    那么,要怎么实现对CheckBox的全选和反选呢?直接上代码。

    JS部分:

  1. <script type="text/javascript" >  
  2. function checkall() {  
  3. var list = document.getElementsByName("chk");  
  4. for(var i = 0; i < list.length; i++) {  
  5. if(list[i].type = "checkbox") {  
  6. list[i].checked = document.getElementById('checkAll')
  7. .checked;//“chk”复选框的选择随着“checkAll”复选框的选择而改变。当然你也可以分开写。
  8. }  
  9. }      
  10. }  
  11. </script>  

    HTML部分:

  1. 全选/反选<input type="checkbox" id="checkAll"/><br /> 
  2. <input type="checkbox" name="chk"/>JA<br />  
  3. <input type="checkbox" name="chk"/><br /> 
  4. <input type="checkbox" name="chk"/><br />  

    第二,在使用CheckBox时,会把所有选中的CheckBox值提交到服务器。

  1. var list = document.getElementsByName("chk");  
  2. var array = new Array();  
  3. for(var i = 0 ; i < list.length ; i++){  
  4.       if(r[i].checked){  
  5.           array[j] = list[i].value;  
  6.       }  
  7. }  
  8. document.location.href = "path地址?chk="+array; 

    第三,在使用CheckBox时,会把所有选中的CheckBox值删除。

    使用第二中的方法,获取所有选中的CheckBox的id值,然后在后台中删除所有选中的CheckBox值的后台数据。