DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> 使用js如何實現全選與全不選
使用js如何實現全選與全不選
編輯:JavaScript綜合知識     

 全選與全不選在管理界面還是比較實用的,下面通過checkAll與clearAll兩個函數來輕松實現,感興趣的朋友不要錯過

js:  代碼如下: function checkAll(name) {  var el = document.getElementsByTagName('input');  var len = el.length;  for(var i=0; i<len; i++){  if((el[i].type=="checkbox") && (el[i].name==name)){  el[i].checked = true;  }  }  }  function clearAll(name) {  var el = document.getElementsByTagName('input');  var len = el.length;  for(var i=0; i<len; i++){  if((el[i].type=="checkbox") && (el[i].name==name)){  el[i].checked = false;  }  }    }    html:  代碼如下: 全選<input type="checkbox" id="qx" onClick="if(this.checked==true) { checkAll('productId'); } else { clearAll('productId'); }" id="qx"/>   
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved