javascript - 如何将不同名称的单选按钮分组

Question

//group "a"
1 <input type="radio" name="a" value="1" required>
2 <input type="radio" name="a" value="2">
3 <input type="radio" name="a" value="3">
4 <input type="radio" name="a" value="4">

//group "b"
1 <input type="radio" name="b" value="1" required>
2 <input type="radio" name="b" value="2">
3 <input type="radio" name="b" value="3">
4 <input type="radio" name="b" value="4">

如果我检查了具有相同值“1”的组“b”中的单选按钮，但不取消选择具有值“1”的组“a”中的单选按钮，如何从组“a”中取消选择具有值“1”的单选按钮如果我检查了“b”组中具有不同值“2”的单选按钮

Answer 1

我为此使用了类，我发现您需要从每一行中选择一个，并且它们不能具有相同的值？

通过这种方式，您可以添加所需数量的类并根据需要连接它们，并在单选按钮和复选框上进行各种组合，同时表单提交的表单名称和值保持不变。

$('input.a').on('change', function() {
    $('input.a').not(this).prop('checked', false);  
});
$('input.b').on('change', function() {
    $('input.b').not(this).prop('checked', false);  
});
$('input.c').on('change', function() {
    $('input.c').not(this).prop('checked', false);  
});
$('input.d').on('change', function() {
    $('input.d').not(this).prop('checked', false);  
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input class="a" type="radio" name="a" value="1" required>1
<input class="b" type="radio" name="a" value="2">2
<input class="c" type="radio" name="a" value="3">3
<input class="d" type="radio" name="a" value="4">4
</br>

<input class="a" type="radio" name="b" value="1" required>1
<input class="b" type="radio" name="b" value="2">2
<input class="c" type="radio" name="b" value="3">3
<input class="d" type="radio" name="b" value="4">4