在HTML中,可以通过使用<input>
元素的type
属性为"checkbox"来创建复选框。要使多个复选框互斥,即只能选择其中一个复选框,可以使用JavaScript来实现。
以下是一种实现方法:
<input type="checkbox" class="myCheckbox">
<input type="checkbox" class="myCheckbox">
<input type="checkbox" class="myCheckbox">
var checkboxes = document.querySelectorAll('.myCheckbox');
for (var i = 0; i < checkboxes.length; i++) {
checkboxes[i].addEventListener('change', function() {
// 在事件处理程序中,取消其他复选框的选中状态
for (var j = 0; j < checkboxes.length; j++) {
if (checkboxes[j] !== this) {
checkboxes[j].checked = false;
}
}
});
}
这段代码使用querySelectorAll
方法选择所有具有类名为"myCheckbox"的复选框,并为每个复选框添加一个change
事件监听器。在事件处理程序中,通过遍历所有复选框,将除当前复选框外的其他复选框的选中状态设置为false,从而实现了互斥选择的效果。
这种方法适用于任意数量的复选框,并且不依赖于任何特定的云计算品牌商的产品。
领取专属 10元无门槛券
手把手带您无忧上云