获取checkbox勾选的id
时间: 2024-05-14 19:18:23 浏览: 52
获得选中的checkBox值
假设你有一个HTML页面,其中有一组checkbox,每个checkbox都有一个唯一的ID,你想获取已经被勾选的checkbox的ID。你可以使用以下代码:
```html
<!-- HTML代码 -->
<input type="checkbox" id="checkbox1" value="1">
<label for="checkbox1">Checkbox 1</label>
<input type="checkbox" id="checkbox2" value="2">
<label for="checkbox2">Checkbox 2</label>
<input type="checkbox" id="checkbox3" value="3">
<label for="checkbox3">Checkbox 3</label>
<button onclick="getChecked()">Get Checked</button>
```
```javascript
// JavaScript代码
function getChecked() {
var checkboxes = document.querySelectorAll('input[type="checkbox"]:checked');
var ids = [];
for (var i = 0; i < checkboxes.length; i++) {
ids.push(checkboxes[i].id);
}
console.log(ids);
}
```
这段代码首先使用`document.querySelectorAll()`方法获取已经被勾选的所有checkbox,然后遍历这些checkbox,将它们的ID添加到一个数组中。在本例中,如果用户勾选了Checkbox 1和Checkbox 3,那么`getChecked()`函数将会输出一个包含`checkbox1`和`checkbox3`的数组。
阅读全文