javascript - 如何使用 JavaScript 更新兄弟复选框?

标签 javascript jquery html css checkbox

<分区>


关闭 7 年前

我正在尝试实现 JavaScript 来更新相应 div 中的复选框兄弟。我有多个具有相同复选框选项的 div:#check_all_checkboxes、#check_none 和 .others。我希望 div 更新它们的 sibling ,但 JavaScript 不会更新 sibling 。我可以对兄弟类或 ID 进行硬编码,JavaScript 将在第一个 div 上成功执行,但不会在后续的 div 上执行。

    // Select ALL checkboxes
    $('#check_all_checkboxes').click(function () {
        if ( $(this).is(':checked') ){
            $(this).siblings('.others').prop('checked', true);
            $(this).siblings('#check_none').removeAttr('checked');
        }
    });

    // Select NO checkbox(es)
    $('#check_none').click(function () {
        if ( $(this).is(':checked') ){
            $(this).siblings('.others').removeAttr('checked');
            $(this).siblings('#check_all_checkboxes').removeAttr('checked');
        }
    });

    // Select other checkbox(es)
    $('.others').click(function () {
        $(this).siblings('#check_none').removeAttr('checked');
        $(this).siblings('#check_all_checkboxes').removeAttr('checked');
    });

最佳答案

这篇文章建议您使用 .prop('checked', false) 可能会更好: .prop('checked',false) or .removeAttr('checked')?

关于javascript - 如何使用 JavaScript 更新兄弟复选框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31930897/

上一篇:HTML 下拉菜单在 OSX 上显示不同

下一篇:html - PHP消息中的随机空格

相关文章:

html - 表情符号 unicode 不会呈现为表情符号

javascript - 如何使用javascript或jQuery按顺序更改 "["和 "]"?

javascript - 正则表达式只允许数字和小数在 Javascript 中不起作用

c# - 密码正则表达式(客户端 javascript)

php - 如何使用ajax和php发布密码?

javascript - 在 Gmail 上下文小工具中获取用户名

javascript - 在 ng-repeat 中使用指令

javascript - 获取关联数组的特定值及其键名

javascript - Node.js 如何将 geojson 从 mongodb 传递到我可以在前端使用的对象

css - 并排的div