Jquery - 问题切换复选框[重复]

Question

我正在使用以下代码，它确实切换了我的复选框，但不正确。

如果复选框已手动设置为选中，则会出现问题。

当您运行代码时，它会选中这些框，但当您再次单击它时，它只会取消选中之前未选中的那些。

$(".all").click(function(e) {
    var checked = !$(this).data('checked');
    $('.trigger').attr('checked', checked);
    $(this).data('checked', checked);
});

我使用 input type='image' 作为我的元素来运行检查。

<input type="image" class="all" title="All" src="toggle.png"/>

我尝试过使用以下方法，但是当它运行时，它会取消选中复选框，然后删除我用来调用它的图像。

$('.all').toggle(function(){
    $('input:checkbox').attr('checked','checked');

},function(){
    $('input:checkbox').removeAttr('checked');
})

谁能告诉我如何正确地做到这一点。

谢谢

Answer 1

如果你想切换，你必须根据'checked'属性进行选择：

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

    var checked = $('input:checkbox').not(':checked');
    $('input:checkbox:checked').removeAttr('checked');
    checked.attr('checked','checked');
  });

我对“仅取消选中以前未选中的那些”有点困惑——你的意思是，未选中的不能取消选中。

这是一个有效的小提琴：https://jsfiddle.net/4ckjwv8b/

顺便说一句。如果您只想始终选择一个选项，则可以使用输入类型“radio”。