获取checkbox勾选的id
时间: 2024-05-16 09:16:32 浏览: 7
如果你使用的是原生的HTML复选框(checkbox),你可以使用JavaScript来获取勾选的复选框的id。
首先,你需要获取所有的复选框元素,这可以使用 `document.getElementsByTagName('input')` 来实现。然后,你需要遍历这些元素,找到类型为“checkbox”的元素,并且检查它是否被勾选。可以使用 `element.type === 'checkbox'` 来检查元素是否为复选框,使用 `element.checked` 来检查它是否被勾选。
最后,如果复选框被勾选,你可以使用 `element.id` 来获取它的id属性。
下面是一个简单的示例代码:
```html
<input type="checkbox" id="checkbox1" value="1">
<input type="checkbox" id="checkbox2" value="2">
<input type="checkbox" id="checkbox3" value="3">
<button onclick="getCheckedIds()">Get checked ids</button>
<script>
function getCheckedIds() {
const checkboxes = document.getElementsByTagName('input');
const checkedIds = [];
for (let i = 0; i < checkboxes.length; i++) {
const checkbox = checkboxes[i];
if (checkbox.type === 'checkbox' && checkbox.checked) {
checkedIds.push(checkbox.id);
}
}
console.log(checkedIds);
}
</script>
```
当你点击“Get checked ids”按钮时,它将会打印出被勾选的复选框的id。