您好,欢迎来到华拓科技网。
搜索
您的当前位置:首页单选全选框如何实现

单选全选框如何实现

来源:华拓科技网

我在写移动端项目中多次都需要用到单选全选问题,实现方法也是非常简单的!接下来我们就直接上代码把!!!简单易懂大家自己看把。

全选

// 全选
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;
        }
    }
}

代码非常简单的!!!自行研究

因篇幅问题不能全部显示,请点此查看更多更全内容

Copyright © 2019- huatuo6.cn 版权所有 赣ICP备2024042791号-9

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务