当选中另一个复选框时自动取消选中另一个复选框,可以通过以下方式实现:
// HTML
<input type="checkbox" id="checkbox1" onclick="toggleCheckbox(this)">
<input type="checkbox" id="checkbox2" onclick="toggleCheckbox(this)">
// JavaScript
function toggleCheckbox(checkbox) {
if (checkbox.checked) {
if (checkbox.id === "checkbox1") {
document.getElementById("checkbox2").checked = false;
} else if (checkbox.id === "checkbox2") {
document.getElementById("checkbox1").checked = false;
}
}
}
// HTML
<input type="checkbox" id="checkbox1" class="custom-checkbox">
<input type="checkbox" id="checkbox2" class="custom-checkbox">
// JavaScript
$(document).ready(function() {
$(".custom-checkbox").click(function() {
$(".custom-checkbox").not(this).prop("checked", false);
});
});
这样,当一个复选框被选中时,另一个复选框会自动取消选中状态。这种功能在许多应用场景中都有用到,例如单选按钮组、多选题等。在云计算领域中,可以应用于用户界面的交互设计,提供更好的用户体验。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云