JavaScript-需要选中和取消选中所有复选框

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript-需要选中和取消选中所有复选框，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1075字，纯文字阅读大概需要2分钟。

内容图文

谁能帮我这个？

我有两个div.在一个div中,我有一个名为allcheck的复选框,在另一个div中,我有名为outcheck的复选框.如果我选中了多个,则都需要选中,如果我取消选中多个,则都应该选中所有.输入广播是allcheck的类.

$('.inputradio').click(function(){

    $("INPUT[name='outCheck']").each(function () {
        if (allCheck.checkbox== true) {//multi check is checked
            this.checked = true;
        } else {
            this.checked = false;
        }
    });
});

HTML

这是主复选框的div

<div id="actions"><div id="box">
<ul><li class="inputradio"><input name="allCheck" type="checkbox" ></li>
<li class="multiple"><a href="#" class="bt btleft">Multiple</a></li>

这是针对子复选框的：

<ul><li id="outcheckbox"><input name="outCheck" type="checkbox"></li>

即使选中了一个孩子,如果我们选中主复选框,也都需要选中.我发布的代码只是反转支票.

解决方法:

尝试这个 –

$('input[name=allCheck]').click(function(){
   $("INPUT[name='outCheck']").prop('checked', this.checked);
});

单击allCheck时,将切换所有名称为outCheck的复选框.

查看demo

UPDATE

查看更新的demo here

这按预期工作.如果手动选中了所有复选框,则主复选框也会更改,反之亦然,如果一个孩子未被选中,主复选框也会变为未选中状态.

内容总结

以上是互联网集市为您收集整理的JavaScript-需要选中和取消选中所有复选框全部内容，希望文章能够帮你解决JavaScript-需要选中和取消选中所有复选框所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端