您现在的位置: 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文

使用js如何实现全选与全不选

作者:佚名    责任编辑:admin    更新时间:2022-06-22

 全选与全不选在管理界面还是比较实用的,下面通过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"/>