js 全选 复选框的值 函数
时间: 2024-04-15 15:28:25 浏览: 32
你可以使用 JavaScript 来实现全选和获取复选框值的函数。以下是一个示例:
```javascript
// 全选复选框
function selectAll() {
const checkboxes = document.querySelectorAll("input[type='checkbox']");
checkboxes.forEach((checkbox) => {
checkbox.checked = true;
});
}
// 获取选中的复选框值
function getSelectedValues() {
const checkboxes = document.querySelectorAll("input[type='checkbox']");
const selectedValues = [];
checkboxes.forEach((checkbox) => {
if (checkbox.checked) {
selectedValues.push(checkbox.value);
}
});
return selectedValues;
}
```
在上面的代码中,`selectAll` 函数用于将所有复选框设置为选中状态。它首先使用 `querySelectorAll` 方法选择所有类型为 `checkbox` 的输入元素,并使用 `forEach` 方法遍历每个复选框并将其 `checked` 属性设置为 `true`。
`getSelectedValues` 函数用于获取选中的复选框的值。它也使用 `querySelectorAll` 方法选择所有类型为 `checkbox` 的输入元素,并使用 `forEach` 方法遍历每个复选框。在遍历过程中,如果复选框被选中(即 `checked` 属性为 `true`),则将其值添加到 `selectedValues` 数组中。最后,函数返回包含选中值的数组。
请注意,上述代码假设你的复选框元素的类型为 `checkbox`,如果不是,请根据实际情况进行调整。此外,你还需要在 HTML 中调用这些函数,例如通过按钮的点击事件来触发。