以下是一个示例代码,演示如何实现“Acrobat DC两个复选框必须勾选一个”的功能:
HTML代码:
复选框1
复选框2
JavaScript代码:
// 获取复选框元素
var checkbox1 = document.getElementById("checkbox1");
var checkbox2 = document.getElementById("checkbox2");
// 监听复选框状态改变事件
checkbox1.addEventListener("change", validateCheckboxes);
checkbox2.addEventListener("change", validateCheckboxes);
// 验证复选框状态
function validateCheckboxes() {
if (!checkbox1.checked && !checkbox2.checked) {
// 如果两个复选框都未被勾选,则默认勾选复选框1
checkbox1.checked = true;
}
}
上述代码中,我们首先获取了两个复选框的元素,并为它们添加了状态改变的监听事件。然后,定义了一个函数validateCheckboxes
,用于验证复选框的状态。在该函数中,如果两个复选框都未被勾选,则默认勾选复选框1。
通过以上代码,当用户尝试将两个复选框都取消勾选时,我们会自动将复选框1重新勾选上,确保至少有一个复选框被选中。您可以根据需要调整代码,以适应您的具体场景和界面设计。