如何让循环出来的复选框只选中一个
时间: 2023-07-04 17:15:30 浏览: 71
你可以给这些复选框设置同一个name属性,然后每个复选框的value值不同,这样就可以让它们只选中一个。另外,你还可以使用JavaScript来控制复选框的选中状态,当一个复选框被选中时,就可以将其它的复选框的选中状态取消掉。以下是一个示例代码:
```html
<input type="checkbox" name="myCheckbox" value="1">选项1
<input type="checkbox" name="myCheckbox" value="2">选项2
<input type="checkbox" name="myCheckbox" value="3">选项3
<script>
var checkboxes = document.getElementsByName("myCheckbox");
for (var i = 0; i < checkboxes.length; i++) {
checkboxes[i].addEventListener('change', function() {
if (this.checked) {
for (var j = 0; j < checkboxes.length; j++) {
if (checkboxes[j] !== this) {
checkboxes[j].checked = false;
}
}
}
});
}
</script>
```
这样,当你选择其中一个复选框时,其它的复选框就会自动取消选中状态。