javascript - 如何使用 JQuery 检查/取消检查表单内表格中的所有元素

Question

您好，我正在尝试找出一种方法，使按钮更改其值，并且通过单击按钮来选中/取消选中所有复选框。

我也无法理解如何在 DOM 中解析。 我在 jsfiddle 上尝试过一些东西，但无法实现。有人可以帮我吗？

这是链接。

Here is the jQuery code that I have written

> $(document).ready(function(){
>     $('.check:button').toggle(function(){
>         alert('inside toggle function');
>         $('input:checkbox').attr('checked',true);
>         $(this).val('uncheck all')
>     },function(){
>         $('input:checkbox').removeAttr('checked');
>         $(this).val('check all');        
>     }) })

jsfiddle

Answer 1

jQuery 的 toggle() 功能已被弃用并删除，至少您正在使用的 toggle() 版本是这样。

您应该监听 change 事件，并使用 checked 属性通过 jQuery 的 prop() 来切换其他复选框的状态>

$('.selectall').on('change', function() {
    $('div input').prop('checked', this.checked);
});

FIDDLE

我正在使用 on()，这需要比您在 fiddle 中使用的版本更新的 jQuery 版本，您应该更新最新版本。

编辑:

要使用按钮来完成此操作，您需要一个标志来跟踪状态，并创建您自己的切换

$('#selectAll').on('click', function () {
    var flag = !$(this).data('flag');

    $('#search_data input[type="checkbox"]').prop('checked', flag);

    $(this).data('flag', flag);
});

FIDDLE