我在写移动端项目中多次都需要用到单选全选问题,实现方法也是非常简单的!接下来我们就直接上代码把!!!简单易懂大家自己看把。
全选
// 全选
function quanxuan() {
let quan = document.getElementById("全选名");
let ge = document.getElementsByClassName("单选名")
for (let i = 0; i < ge.length; i++) {
if (quan.checked == false) {
ge[i].checked = false;
} else {
ge[i].checked = true;
}
}
}
单选
// 单选
function danxuan() {
let quan = document.getElementById("全选名");
let ge = document.getElementsByClassName("单选名")
for (let i = 0; i < ge.length; i++) {
if (ge[i].checked == false) {
quan.checked = false;
return;
} else {
quan.checked = true;
}
}
}
代码非常简单的!!!自行研究