要实现从多个复选框中只选择一个复选框,可以使用Javascript或jQuery来完成。
使用Javascript的方法如下:
下面是使用Javascript的示例代码:
var checkboxes = document.querySelectorAll('.checkbox-group');
checkboxes.forEach(function(checkbox) {
checkbox.addEventListener('change', function() {
checkboxes.forEach(function(cb) {
cb.checked = false;
});
this.checked = true;
});
});
如果使用jQuery,可以使用以下方法:
下面是使用jQuery的示例代码:
$('.checkbox-group').change(function() {
$('.checkbox-group').prop('checked', false);
$(this).prop('checked', true);
});
这样,当用户选择一个复选框时,其他复选框将自动取消选中状态,只有当前选中的复选框保持选中状态。
请注意,这只是一种实现方式,你可以根据自己的需求和项目使用其他方法或技术。
领取专属 10元无门槛券
手把手带您无忧上云