checkbox同一个name会排他吗
时间: 2024-01-18 21:02:08 浏览: 71
form中相同name的checkbox提交问题
Checkbox 同一个 name 属性不会自动排除其他选项。要实现排除其他选项的功能,需要使用 JavaScript 代码来控制复选框的状态。以下是一个示例代码,可以实现同一个 name 属性下的复选框互相排除:
```html
<input type="checkbox" name="fruit" value="apple" onclick="handleClick(this)">
<input type="checkbox" name="fruit" value="orange" onclick="handleClick(this)">
<input type="checkbox" name="fruit" value="banana" onclick="handleClick(this)">
<script>
function handleClick(cb) {
var checkboxes = document.getElementsByName("fruit");
for (var i = 0; i < checkboxes.length; i++) {
if (checkboxes[i] !== cb) {
checkboxes[i].checked = false;
}
}
}
</script>
```
这段代码会给每个复选框绑定一个 onclick 事件处理函数,当用户点击某个复选框时,会遍历所有同名的复选框,将除了当前选中的复选框之外的其他复选框的状态都设置为未选中。这样就可以实现复选框之间的互斥效果了。
阅读全文