aiaiask.com©

开花即结果 提问即答案

javascript 多个复选框 选中一个,其他复选框禁用如何实现
原始问题:

javascript 多个复选框 选中一个,其他复选框禁用如何实现

你可以使用JavaScript来实现多个复选框中选中一个后禁用其他复选框的功能。下面是一个实现的示例代码:

HTML部分:

<input type="checkbox" id="checkbox1" onclick="disableOtherCheckboxes(this)">
<input type="checkbox" id="checkbox2" onclick="disableOtherCheckboxes(this)">
<input type="checkbox" id="checkbox3" onclick="disableOtherCheckboxes(this)">

JavaScript部分:

function disableOtherCheckboxes(checkbox) {
  var checkboxes = document.querySelectorAll('input[type="checkbox"]');
  for (var i = 0; i < checkboxes.length; i++) {
    if (checkboxes[i] !== checkbox) {
      checkboxes[i].disabled = checkbox.checked;
    }
  }
}

在上面的示例中,我们给每个复选框添加了一个onclick事件处理函数disableOtherCheckboxes。当复选框被点击时,该函数会被调用。

函数disableOtherCheckboxes首先通过document.querySelectorAll方法获取到所有的复选框元素,然后使用一个循环遍历这些复选框。在循环中,如果当前复选框不是被点击的复选框,则将其disabled属性设置为被点击复选框的checked属性值。

这样,当你选中一个复选框时,其他复选框就会被禁用。

javascript 多个复选框 选中一个,其他复选框禁用如何实现
AI / 模型Siliconflow
时间 / DATEJune 28, 2023, 1:04 PM
语言zh-CN
IP / 区域北京市北京市