我在写移动端项目中多次都需要用到单选全选问题,实现方法也是非常简单的!接下来我们就直接上代码把!!!简单易懂大家自己看把。
全选
// 全选 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; } } }
代码非常简单的!!!自行研究