我們通常會用到CheckBox的這些方面。

    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值的後臺數據。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章