php - 如何通过检查 group1 中的单选按钮来检查 group2 中的单选按钮？

Question

我有两个广播组。代码示例如下：

<form name="form" method="post" action="">
<label><input type="radio" name="RadioGroup1" value="radio" id="Radio1">Radio 1</label><br>
<label><input type="radio" name="RadioGroup1" value="radio" id="Radio2">Radio 2</label><br>
<label><input type="radio" name="RadioGroup2" value="radio" id="Radio3">Radio 3</label><br>
<label><input type="radio" name="RadioGroup2" value="radio" id="Radio4">Radio 4</label>
</form>

我不想做的是，当我选中 Radio 1 时，Radio 3 也被自动选中，当我选择 Radio 2 时，Radio 4 被选中。因此，如果选择 Radio 1，则选中 Radio 1 和 Radio 3，如果选择 Radio 2，则选中 Radio 2 和 Radio 4。

Answer 1

您可以为 radio1 和 radio2 执行快速 jQuery 单击处理程序，以分别设置 radio3 和 radio4 的 .checked 属性。请注意，我使用 $("#radio3")[0].checked 上的 [0] 索引来引用 html 元素而不是 jQuery 对象。还要注意使用 this 而不是 $(this) 来引用当前单击的 html 元素。

$("#radio1").click(function(){
    $("#radio3")[0].checked = this.checked
});

$("#radio2").click(function(){
    $("#radio4")[0].checked = this.checked
});

Answer 2

您可以这样做，在一个处理程序中处理两个单选按钮：

$('input[name=RadioGroup1]').click(function(){
    var i = parseInt(this.id.slice(-1), 10)+2;
    $('#Radio'+i).attr('checked', 'checked');
});​

示范

Answer 3

$('#Radio1').on('change',function() {
    var val = $(this).is(':checked');
    $('#Radio3').prop('checked',val);
});