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

我在表格的每一行都有一些复选框。每个复选框都有

name='myName'

，因为我只想在每行中选择一个复选框。但我遗漏了一些东西，因为我能够检查所有这些东西：

但我想要这样的结果：

---

我在这里遗漏了什么？

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

<input type="radio" />

---

将复选框更改为radio（收音机），一切都应该正常运行

复选框的设计是用来打开或关闭的。它们不依赖于其他复选框，因此可以根据需要打开和关闭任意多个复选框

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

参考资料：

复选框：

单选按钮：

$（函数（）{
$（'input[type=checkbox]'）。单击（函数（）{
var chks=document.getElementById（“”）.getElementsByTagName（'INPUT'）；
对于（i=0；i1）
$（此）[0]。选中=真；
});
});

sapSet=mbo.getThisMboSet（）
sapCount=sapSet.count（）
saplist=[]
如果sapCount>1：
对于范围内的i（sapCount）：`在此处输入代码`
defaultCheck=sapSet.getMbo（i）
append（defaultCheck.getInt（“HNADEFACC”））
defCount=saplist.count（1）
如果defCount>1：
errorgroup=“请注意：您是被允许的”
errorkey=“只有一个默认帐户”
如果defCount<1：
errorgroup=“请输入”
errorkey=“至少有一个默认帐户”
其他：
mbo.setValue（“HNADEFACC”，1，MboConstants.NOACCESSCHECK）

---

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

这不是复选框的工作方式，如果你想让它们像这样工作，你应该使用javascript来处理它。另外，代码可以使用你可以识别的唯一名称来复选框。。检查此代码是否可以回答问题，提供有关如何和/或为什么解决问题的附加上下文将提高答案的长期价值。

 $(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;
     });
 });

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)

$('#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);
        }
    }
})