Javascript 如何设置表中单选按钮选择的限制？

有一个表有4列。每列都有一些单选按钮。用户只能从每列中选择一个单选按钮。由于一个表中有4列，所以用户可以从该表中选择4个单选按钮。但我想限制单选按钮的选择。我希望用户只能从这个表中选择4个单选按钮中的3个。如果用户想要选择数字4，将出现一个警报“您不能选择超过3个”

可以在这里设置限制吗？我如何设定这个限制

$（“输入[type='radio']”）。更改（函数（）{
变量计数=$（“输入[type='radio']：选中”）。长度；
如果（计数>3）{
$（this.prop（'checked'，false）；
警报（“您不能添加超过3个”）；
}
});

1

2

3


1

2

3


1

2

3


1

2

3
当所选单选按钮组数超过3时，您可以将所选单选名称存储在数组中，并通过编程方式删除最旧的单选名称


$（文档）.ready（函数（）{
var=[]；
var numberOfSelected=null；
$（'input[type=radio]'）。更改（函数（）{
numberOfSelected=$（'input[type=radio]：选中'）。长度；
变量名称=$（此）[0]。名称；
if（radioSelected.indexOf（name）=-1）{
radioSelected.push（$（this）[0].name）；
}
如果（长度>3）{
var removed=radioSelected.shift（）；
$（'input[name='+removed+']'）。prop（'checked'，false）；
}
});
});
.column{
浮动：左；
右边距：40px；
显示器：flex；
柔性流动：柱；
填充：1em；
}

我
二,
三,
A.
B
C
1.
2.
3.
A.
B
C
您不需要使用每一个来获得收音机的数量，而可能重复一个。只能使用
$（'input[name=radioName]：checked'）。长度
来执行此操作。这将彻底解决复选框问题，但一旦选择了复选框组，您就无法改变对复选框组选择的想法。作为UI选择，它将需要比其他表单元素更多的JS。我无法运行此代码。你能和我共享.html文件吗？请从代码段复制或查看“单击运行代码段”，谢谢@tanzilamohita。我可以在这里运行，但不能从我的电脑上运行。如果你愿意共享.html文件，这将对我非常有帮助。