js如何获取复选框选中
时间: 2024-05-05 08:22:16 浏览: 9
可以通过以下代码来获取复选框的选中状态:
```javascript
let checkbox = document.getElementById("myCheckbox");
if (checkbox.checked) {
console.log("Checkbox is checked.");
} else {
console.log("Checkbox is not checked.");
}
```
其中 `myCheckbox` 是复选框的 ID。如果复选框被选中,`checkbox.checked` 的值将为 `true`,否则为 `false`。
相关问题
js获取复选框选中的值
可以使用 JavaScript 来获取复选框选中的值。首先,可以通过 `document.getElementsByName()` 或 `document.querySelectorAll()` 方法选中所有的复选框元素,然后遍历每个元素,判断其是否被选中,如果被选中,则将其值保存到一个数组中。
以下是一个示例代码:
```javascript
var checkboxes = document.getElementsByName('myCheckbox');
var values = [];
for (var i=0; i<checkboxes.length; i++) {
if (checkboxes[i].checked) {
values.push(checkboxes[i].value);
}
}
console.log(values);
```
其中,`document.getElementsByName('myCheckbox')` 方法会返回页面中所有 `name` 属性为 `myCheckbox` 的元素,`checkboxes[i].checked` 属性表示当前元素是否被选中,`checkboxes[i].value` 属性表示当前元素的值。最终,`values` 数组中保存了所有被选中的复选框的值。
Javascript 统计复选框选中个数
你可以使用以下代码来统计复选框选中的个数:
```javascript
var checkboxes = document.querySelectorAll('input[type="checkbox"]');
var count = 0;
for (var i = 0; i < checkboxes.length; i++) {
if (checkboxes[i].checked) {
count++;
}
}
console.log(count + ' checkboxes are checked.');
```
首先,我们使用 `document.querySelectorAll()` 方法获取所有类型为复选框的元素,并将它们存储在 `checkboxes` 变量中。
然后,我们使用一个循环遍历所有复选框元素,并检查它们是否被选中。如果是,我们将选中的计数加1。
最后,我们将选中数目输出到控制台中。