jquery获取checkbox

jQuery 获取 checkbox 的状态和值

使用 jQuery 可以方便地获取 checkbox 的选中状态和值。以下是几种常见的方法：

获取 checkbox 的选中状态

使用 prop() 方法可以检查 checkbox 是否被选中：

var isChecked = $('#checkboxId').prop('checked');

如果 checkbox 被选中，isChecked 将为 true，否则为 false。

获取选中的 checkbox 的值

如果需要获取选中的 checkbox 的值，可以使用 val() 方法：

var value = $('#checkboxId').val();

这将返回 checkbox 的 value 属性。

获取多个 checkbox 中选中的值

当页面中有多个 checkbox 时，可以使用以下代码获取所有选中的 checkbox 的值：

var selectedValues = [];
$('input[name="checkboxName"]:checked').each(function() {
    selectedValues.push($(this).val());
});

selectedValues 数组将包含所有选中的 checkbox 的值。

监听 checkbox 的状态变化

可以使用 change 事件来监听 checkbox 的状态变化：

$('#checkboxId').change(function() {
    if ($(this).prop('checked')) {
        console.log('Checkbox is checked');
    } else {
        console.log('Checkbox is unchecked');
    }
});

示例：全选/取消全选功能

以下是一个实现全选/取消全选功能的示例代码：

$('#selectAll').click(function() {
    $('input[name="item"]').prop('checked', $(this).prop('checked'));
});

注意事项

• 使用 prop() 而不是 attr() 来获取或设置 checked 属性，因为 prop() 更可靠。
• 确保 checkbox 有唯一的 ID 或正确的 name 属性以便于选择。

这些方法可以满足大多数情况下对 checkbox 的操作需求。根据具体场景选择合适的方法即可。