如何在单击一个复选框时禁用其他复选框？

Question

我有一组同名的复选框，我需要的是当我点击其中任何一个时，其他复选框必须被禁用。我应该如何在其上应用 Javascript？

 <input type="checkbox" name="finallevelusers[]" value="1"/>
<input type="checkbox" name="finallevelusers[]" value="1"/>
<input type="checkbox" name="finallevelusers[]" value="1"/>
<input type="checkbox" name="finallevelusers[]" value="1"/>

请帮忙…

原文由 OM The Eternity 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

<script type="text/javascript">
for (i=0; i<document.test.finallevelusers.length; i++){
if (document.test.finallevelusers[i].checked !=true)
  document.test.finallevelusers[i].disabled='true';
}
</script>

当用户取消选中复选框时，您可能希望再次启用它们

for (i=0; i<document.test.finallevelusers.length; i++){
    if (document.test.finallevelusers[i].disabled ==true)
      document.test.finallevelusers[i].disabled='false';
    }

原文由 Shakti Singh 发布，翻译遵循 CC BY-SA 2.5 许可协议

Answer 2

你可以做

$('input').attr('disabled',true);

…如果你真的需要它。但是使用单选按钮可能会更好。

试用演示

原文由 bozdoz 发布，翻译遵循 CC BY-SA 2.5 许可协议