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

  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"/>