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

发布时间：2023-09-07 14:26:14 所属栏目：教程来源：

导读：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") && (

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

（编辑：聊城站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!