获取checkbox勾选的id
时间: 2024-05-16 07:16:21 浏览: 139
可以使用 JavaScript 来获取 checkbox 勾选的 id,具体实现方法如下:
1. 给每个 checkbox 添加一个 id 属性,方便获取。
2. 使用 document.querySelectorAll() 方法选择所有被勾选的 checkbox。
3. 遍历被勾选的 checkbox,将它们的 id 添加到一个数组中。
4. 最后,可以将数组作为表单的一个参数传递给后台处理。
代码示例如下:
HTML 代码:
```
<form>
<label><input type="checkbox" id="option1" value="option1"> Option 1</label>
<label><input type="checkbox" id="option2" value="option2"> Option 2</label>
<label><input type="checkbox" id="option3" value="option3"> Option 3</label>
<button type="button" onclick="getSelectedIds()">Get selected IDs</button>
</form>
```
JavaScript 代码:
```
function getSelectedIds() {
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);
}
```
当用户勾选了多个选项后,点击“Get selected IDs”按钮,控制台会输出所有被勾选的 checkbox 的 id。
阅读全文