使用jQuery选择所有复选框 [英] Select all checkboxes with jQuery

问题描述

我需要帮助的jQuery选择器。假设我有一个标记，如下所示：

I need help with jQuery selectors. Say I have a markup as shown below:

<form>
    <table>
        <tr>
            <td><input type="checkbox" id="select_all"/></td>
        </tr>
        <tr>
            <td><input type="checkbox" name="select[]"/></td>
        </tr>
        <tr>
            <td><input type="checkbox" name="select[]"/></td>
        </tr>
        <tr>
            <td><input type="checkbox" name="select[]"/></td>
        </tr>
    </table>
</form>

如何获取以外的所有复选框#select_all 当用户点击它时？

任何帮助都会感激。

How to get all checkboxes except #select_all when user clicks on it?
Any help will be appreciated.

推荐答案

一个更完整的例子工作在你的情况下：

A more complete example that should work in your case:

$('#select_all').change(function() {
    var checkboxes = $(this).closest('form').find(':checkbox');
    if($(this).is(':checked')) {
        checkboxes.prop('checked', true);
    } else {
        checkboxes.prop('checked', false);
    }
});

当单击 #select_all 选中复选框的状态，并将当前表单中的所有复选框设置为相同的状态。

When the #select_all checkbox is clicked, the status of the checkbox is checked and all the checkboxes in the current form are set to the same status.

请注意，您不需要排除 #select_all 复选框，因为它将具有与所有其他的相同的状态。如果由于某些原因需要排除 #select_all ，则可以使用以下方式：

Note that you don't need to exclude the #select_all checkbox from the selection as that will have the same status as all the others. If you for some reason do need to exclude the #select_all, you can use this:

var checkboxes = $(this).closest('form').find(':checkbox').not($(this));

这篇关于使用jQuery选择所有复选框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！