获取checkbox勾选的id
时间: 2024-05-07 17:23:46 浏览: 34
如果你使用原生的HTML和JavaScript,你可以使用以下代码来获取勾选的checkbox的id:
```html
<input type="checkbox" id="checkbox1" value="value1">
<label for="checkbox1">Checkbox 1</label>
<input type="checkbox" id="checkbox2" value="value2">
<label for="checkbox2">Checkbox 2</label>
<button onclick="getChecked()">Get Checked</button>
<script>
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);
}
</script>
```
这个例子中,我们在HTML中定义了两个checkbox,每个都有一个唯一的id。在JavaScript中,我们使用`querySelectorAll()`方法来获取所有被勾选的checkbox,然后遍历它们并将每个checkbox的id添加到一个数组中。最后,我们使用`console.log()`方法将数组输出到控制台。
当用户点击“Get Checked”按钮时,`getChecked()`函数会被调用,这将输出勾选的checkbox的id数组。
阅读全文