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

前端技术 2023/09/05 JavaScript
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\"/>

本文地址：https://www.stayed.cn/item/13985

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案