开关复选框的选中状态

Question

开关复选框的选中状态

434

我有以下内容：

$(document).ready(function()
{
    $("#select-all-teammembers").click(function() {
        $("input[name=recipients\\[\\]]").attr('checked', true);
    });                 
});

当点击 id="select-all-teammembers" 时，我希望它可以在选中和未选中之间切换。有什么简洁的代码实现方式吗？

- AnApprentice

24个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Milan Malani · Answer 1

你也可以像这样写。

$(function() {
    $("#checkbox-toggle").click(function() {
        $('input[type=checkbox][name=checkbox_id\\[\\]]').click();
    });
});

当用户单击id为“#checkbox-toggle”的按钮时，只需要调用复选框的单击事件即可。

- I.P.Singh · Answer 2

将“checked”或null设置为true或false的替代值即可完成工作。

// checkbox selection
var $chk=$(':checkbox');
$chk.prop('checked',$chk.is(':checked') ? null:'checked');

- Arthur Sult · Answer 3

我猜测，建议使用正常变量的最正确的人是GigolNet Gigolashvili，但我想提出更美丽的变量。看看这个

$(document).on('click', '.fieldWrapper > label', function(event) {
    event.preventDefault()
    var n = $( event.target ).parent().find('input:checked').length
    var m = $( event.target ).parent().find('input').length
    x = n==m? false:true
    $( event.target ).parent().find('input').each(function (ind, el) {
        // $(el).attr('checked', 'checked');
        this.checked = x
    })
})

- Angel · Answer 4

其实有一种更简单的方法

首先给你的复选框一个类名，例如 'id_chk'

然后在控制 'id_chk' 复选框状态的复选框内部添加以下代码：

<input type='checkbox' onchange='js:jQuery(".id_chk").prop("checked", jQuery(this).prop("checked"))' />

就这样，希望能对你有所帮助。