📌  相关文章
📜  如果在 jquery 中选中,如何获取复选框 - Javascript (1)

📅  最后修改于: 2023-12-03 15:24:59.283000             🧑  作者: Mango

如何在 jQuery 中选中复选框并获取其值?

在 jQuery 中,选中复选框可以使用 :checkbox 选择器。该选择器可以选择所有的复选框元素,并返回一个 jQuery 对象,可以对其进行操作,例如获取其值。

获取选中的复选框的值

可以使用 .map() 方法来获取选中的复选框的值。我们将选中的复选框元素传递给 .map() 方法,并返回一个数组,然后使用 .get() 方法获取该数组。代码如下:

// 获取选中的复选框的值
var selectedValues = $('input:checkbox:checked').map(function() {
  return this.value;
}).get();

上面的代码,我们首先选中所有选中的复选框元素,然后使用 .map() 方法将选中元素的值存储在一个数组中,最后使用 .get() 方法获取该数组。

设置选中的复选框的值

对于设置选中的复选框的值,我们需要遍历每个复选框元素,并为其设置 checked 属性。代码如下:

// 设置选中的复选框的值
var selectedValues = ['value1', 'value2', 'value3'];
$('input:checkbox').each(function() {
  if (selectedValues.indexOf(this.value) >= 0) {
    this.checked = true;
  }
});

上面的代码,我们首先定义一个数组 selectedValues,该数组包含了所有需要选中的复选框元素的值。然后,我们使用 .each() 方法遍历每个复选框元素,如果该元素的值存在于 selectedValues 数组中,则设置其 checked 属性为 true,否则设置为 false

以上就是在 jQuery 中选中复选框并获取其值、设置选中的复选框的值的方法。