javascript - 使用 JavaScript 的默认单选按钮选择

Question

这就是我想要实现的目标。我有 2 组单选按钮。不应同时选择 2 组中同一索引位置的单选按钮。如果用户尝试选择，则必须显示警报并且必须选择默认单选按钮。 这是我的 html

<input type="radio" name="A" checked="checked" onclick="return check();" />
   <input type="radio" name="A" onclick="return check();" />

   <br />
[enter link description here][1]
   <input type="radio" name="B"  onclick="return check();" />
   <input type="radio" name="B" checked="checked" onclick="return check();" />

这是 JS

 function check() {
        //logic to check for duplicate selection
        alert('Its already selected');
        return false;
    }

它工作得很好。 demo

现在假设其中一个复选框未选中，例如在第二组中。如果用户选择第二组中的第一个单选按钮(该按钮已在第一组中选择)，则会显示警报。但单选按钮仍保持选中状态。

这里是修改后的html

    <input type="radio" name="A" checked="checked" onclick="return check();" />
   <input type="radio" name="A" onclick="return check();" />

   <br />

   <input type="radio" name="B"  onclick="return check();" />
   <input type="radio" name="B" onclick="return check();" />

这是一个demo .

注意:我无法使用 jquery，因为代码已经是某些旧应用程序的一部分

Answer 1

对我来说，您似乎应该以其他方式排列单选按钮:

 <input type="radio" name="col1" value="A1">
 <input type="radio" name="col2" value="A2">
 <input type="radio" name="col3" value="A3">

 <input type="radio" name="col1" value="B1">
 <input type="radio" name="col2" value="B2">
 <input type="radio" name="col3" value="B3">

这意味着用户只能在每一列中选择一个值，而无需使用干扰性警报或 JavaScript。