html - HTML 复选框 - 只允许选中一个复选框

Question

我的表格的每一行都有一些复选框。每个复选框都有name='myName'，因为我只想在每一行中选择一个复选框。但是我错过了一些东西，因为我能够检查所有这些：

但我想要这个结果：

我在这里想念什么？

Answer 1

唯一名称标识符适用于单选按钮：

<input type="radio" />

将您的复选框更改为收音机，一切都应该正常工作

Answer 2

根据设计，复选框旨在打开或关闭。它们不依赖于其他复选框，因此您可以根据需要打开和关闭任意数量的复选框。

然而，单选按钮被设计为只允许在任何时候选择组中的一个元素。

参考：

复选框： MDN 链接

单选按钮： MDN 链接

Answer 3

 $(function () {
     $('input[type=checkbox]').click(function () {
         var chks = document.getElementById('<%= chkRoleInTransaction.ClientID %>').getElementsByTagName('INPUT');
         for (i = 0; i < chks.length; i++) {
            chks[i].checked = false;
         }
         if (chks.length > 1)
            $(this)[0].checked = true;
     });
 });

Answer 4

sapSet = mbo.getThisMboSet()
sapCount = sapSet.count()
saplist = []

if sapCount > 1:
   for i in range(sapCount):`enter code here`
     defaultCheck = sapSet.getMbo(i)
     saplist.append(defaultCheck.getInt("HNADEFACC"))
   defCount = saplist.count(1)
   if defCount > 1:
      errorgroup = " Please Note: you are allowed"
      errorkey = "  only One Default Account"
   if defCount < 1:
      errorgroup = " Please enter "
      errorkey = "  at leat One Default Account"
else:
   mbo.setValue("HNADEFACC",1,MboConstants.NOACCESSCHECK)

Answer 5

$('#OvernightOnshore').click(function () {
    if ($('#OvernightOnshore').prop("checked") == true) {
        if ($('#OvernightOffshore').prop("checked") == true) {
            $('#OvernightOffshore').attr('checked', false)
        }
    }
})

$('#OvernightOffshore').click(function () {
    if ($('#OvernightOffshore').prop("checked") == true) {
        if ($('#OvernightOnshore').prop("checked") == true) {
            $('#OvernightOnshore').attr('checked', false);
        }
    }
})

上面的代码片段将允许您在单选按钮上使用复选框，但具有与单选按钮相同的功能，您只能选择一个。