jquery按钮取消选中复选框


jquery button to uncheck checkboxes

本问题已经有最佳答案，请猛点这里访问。

嗨，伙计们，这项任务似乎很简单，尽管我的代码不起作用。

我在表格中有一些行，每一行都有一个复选框，我在"全部删除"按钮下面取消选中复选框。这是我的代码：

1
2
3
4
5
    $('#remove-button').click(function(){
        $('input:checked').prop('checked',false);
        //e.stopPropagation(); // I tried also with this
        // $('input:checked').removeAttr('checked'); // or this syntax
    });

当我点击按钮时，所有的输入都被取消选中，但这不是因为我的代码，因为当我评论这个片段时，它也会在我点击按钮时发生。我还看到，当我点击和输入取消选中，我的网站似乎刷新，因为页面的scrool起来。

我还为选中的输入添加了另一个按钮：

1
2
3
4
5
    $('#add-button').click(function(e){
        $('input').prop('checked',true);
        //e.stopPropagation(); // I tried also with this
        // $('input:checked').removeAttr('checked'); // or this syntax
    });

当我启动时，这些输入会被检查，一秒钟后我的网站就会刷新，所有东西都会消失。

我使用了最新的火狐和Chrome，以及jquery-1.11(但也使用了1.8.0和1.7.1)。也有不匹配的

有人知道怎么了吗？

相关讨论

"checked"属性是布尔值，但它表示当它不存在时，它是假的。如果你不需要点击提交或者不去链接，就有e.preventDefault()。所以你需要这个：

1
2
3
4
5
6
7
8
9
 $('#remove-button').click(function(e) {
    $('input:checked').removeAttr('checked');
    e.preventDefault();
 });
 $('#add-button').click(function(e) {
   var input = $('input.input-to-check')
   input.attr('checked', 'checked');
   e.preventDefault();
 });
相关讨论