获取js中复选框的值 - Javascript

在开发网页时，经常需要获取复选框的值。Javascript 提供了多种方式来获取复选框的值。

获取单个复选框的值

要获取单个复选框的值，可以使用 checked 属性。

const checkbox = document.getElementById("myCheckbox");
const value = checkbox.checked ? checkbox.value : "";

在上面的例子中，我们先通过 getElementById 方法获取了一个 ID 为 myCheckbox 的复选框，然后通过 checked 属性来判断复选框是否被选中。如果复选框被选中，则将 value 属性作为值返回，否则返回空字符串。

获取多个复选框的值

要获取多个复选框的值，可以使用 querySelectorAll 方法来获取所有选中的复选框，再使用 forEach 方法遍历每个复选框。

const checkboxes = document.querySelectorAll("input[type=checkbox]:checked");
const values = [];
checkboxes.forEach((checkbox) => {
  values.push(checkbox.value);
});

在上面的例子中，我们使用了 CSS 选择器 input[type=checkbox]:checked 来获取所有选中的复选框，然后通过 forEach 方法遍历每个复选框，并将其 value 属性的值添加到数组中。

获取选中的复选框数量

要获取选中的复选框数量，可以使用 querySelectorAll 方法来获取所有选中的复选框，再使用 length 属性获取数组长度。

const checkboxes = document.querySelectorAll("input[type=checkbox]:checked");
const count = checkboxes.length;

在上面的例子中，我们使用了 CSS 选择器 input[type=checkbox]:checked 来获取所有选中的复选框，然后通过 length 属性获取数组长度。

以上是获取js中复选框的值的几种常见方法，根据实际需求选择相应的方式即可。