jQuery操作CheckBox的方法介绍(选中,取消,取值)

在jQuery中，操作CheckBox（复选框）是一个常见的任务，包括选中、取消选中以及获取选中项的值。以下是这些操作的基本方法介绍：

### 选中CheckBox

要选中一个或多个CheckBox，可以使用`.prop()`方法将`checked`属性设置为`true`。

// 选中单个CheckBox
$("#myCheckbox").prop("checked", true);

// 选中所有class为"my-checkboxes"的CheckBox
$(".my-checkboxes").prop("checked", true);

### 取消选中CheckBox

与选中操作类似，取消选中CheckBox只需将`checked`属性设置为`false`。

// 取消选中单个CheckBox
$("#myCheckbox").prop("checked", false);

// 取消选中所有class为"my-checkboxes"的CheckBox
$(".my-checkboxes").prop("checked", false);

### 取值

取值通常指的是获取被选中的CheckBox的值。这可以通过遍历所有CheckBox，并检查它们的`checked`属性来实现。

// 获取所有被选中的CheckBox的值，并存储在一个数组中
var selectedValues = [];
$(".my-checkboxes:checked").each(function() {
    selectedValues.push($(this).val());
});

// 假设你想将结果输出到控制台
console.log(selectedValues);

在这个例子中，`$(".my-checkboxes:checked")`选择器用于选取所有class为"my-checkboxes"且被选中的CheckBox。然后，使用`.each()`方法遍历这些元素，并使用`.val()`方法获取每个元素的值，最后将这些值存储在一个数组中。

以上就是在jQuery中操作CheckBox的基本方法。