b/s前端技术基础实现全选全不选效果
发布网友
发布时间：2024-10-19 08:26
共1个回答
热心网友
时间：2024-11-22 12:11
<input type="checkbox" name="all" value="" />
<input type="checkbox" name="all" value="" />
<input type="checkbox" name="all" value="" />
<input type="checkbox" name="all" value="" onclick="checkAll(this.checked)" /> 全选
JS代码：
//选择框
function checkAll(c) {
//获取所有的复选框
var arr = document.getElementsByName('all');
if(c) {
//遍历所有的复选框
for(var i=0;i<arr.length;i++){
arr[i].checked = true; //选中
}
}else {
//遍历所有的复选框
for(var i=0;i<arr.length;i++){
arr[i].checked = false; //不选中
}
}
}
