📅  最后修改于: 2023-12-03 15:24:59.283000             🧑  作者: Mango
在 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 中选中复选框并获取其值、设置选中的复选框的值的方法。