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

Javascript教程 2025-08-17

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