Question

在我的页面上，我有几个复选框，定义如下：

<input id="{{ $question->id }}" class="questionCheckBox" type="checkbox" />

我有两个按钮：

<p><input type="button" class="check" value="Check All" />
   <input type="button" class="uncheck" value="UnCheck All" />
</p>

我正在尝试检查所有复选框或使用以下代码取消选中它们

$(function () {
    $('.check').on('click', function () {
        $('.questionCheckBox').attr('checked','checked');
    });
});

$(function () {
    $('.uncheck').on('click', function () {
        $('.questionCheckBox').removeAttr('checked');
    });
});

我第一次单击全部检查按钮时，第一次检查取消选中按钮全部未选中;之后那个按钮都不起作用。有人能看到我的问题吗？

Answer 1

您应该使用prop(）而不是attr()，因为最新版本的jQuery 1.9+会出现类似的问题。

$(function () {
    $('.check').on('click', function () {
        $('.questionCheckBox').prop('checked',true);
    });
});

$(function () {
    $('.uncheck').on('click', function () {
        $('.questionCheckBox').prop('checked',false);
    });
});

Answer 2

这有效：

$(function () {
    $('.check').on('click', function () {
        $('.questionCheckBox').each(function(){ this.checked = true; });
    });
});

$(function () {
    $('.uncheck').on('click', function () {
        $('.questionCheckBox').each(function(){ this.checked = false; });
    });
});

感谢您的帮助！

Laravel＆amp; jQuery检查所有复选框

2 个答案: