通过javascript脚本返回已勾选的复选框的value值
时间: 2024-10-23 14:16:18 浏览: 22
在JavaScript中,你可以通过循环遍历HTML中的复选框元素,并检查它们的`checked`属性来获取已勾选的复选框的值。这里是一个简单的示例:
```javascript
function getCheckedValues() {
var checkboxes = document.querySelectorAll('input[type="checkbox"]:checked'); // 获取所有已选中的复选框
var checkedValues = []; // 创建一个数组来存储值
for (var i = 0; i < checkboxes.length; i++) {
var checkbox = checkboxes[i]; // 当前的复选框元素
checkedValues.push(checkbox.value); // 如果已选中,添加其value到数组中
}
return checkedValues; // 返回已勾选复选框的value数组
}
// 调用函数并打印结果
console.log(getCheckedValues());
```
这个函数会找到所有type为"checkbox"并且被选中的输入元素,然后将它们的value属性加入到数组中。如果你想应用到某个特定id的选择项,只需替换`document.querySelectorAll('input[type="checkbox"]:checked')`部分为`document.getElementById('yourCheckboxId').querySelectorAll('input[type="checkbox"]:checked')`。
阅读全文