使用 jQuery 获取选中的 checkbox 的数据

如果你想使用 jQuery 获取选中的 checkbox 的数据,可以通过以下几个步骤来实现:

  1. 使用选择器来获取所有需要选择的 checkbox,并遍历它们。
$('.checkbox-item:checked').each(function() {
  // 处理逻辑
});

在这里,我们使用了 :checked 伪类选择器来获取所有已经被选中的 checkbox,然后使用 jQuery 的 each() 方法来遍历它们。

  1. 在遍历过程中,获取每个 checkbox 的值或者其他属性,并将其保存到一个数组或对象中。
var selectedItems = [];
$('.checkbox-item:checked').each(function() {
  var value = $(this).val();
  var name = $(this).attr('name');
  selectedItems.push({value: value, name: name});
});

在这里,我们获取了每个 checkbox 的值和 name 属性,并将它们保存到一个对象中。最后,将该对象添加到一个数组中,以便后续处理。

注意,在上述代码示例中,我们将获取到的 checkbox 数据保存到了一个数组中。如果你只需要获取一个单独的 checkbox 的值,可以使用如下代码:

var value = $('.checkbox-item:checked').val();

在这里,我们仅仅是获取了第一个被选中的 checkbox 的值,如果有多个 checkbox 被选中,则只会返回第一个被选中的 checkbox 的值。

发表评论

邮箱地址不会被公开。 必填项已用*标注