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>

我不想做的是，当我检查无线电1时，也会自动选择无线电3，当我选择无线电2时，选择无线电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

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

Answer 3

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

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

DEMONSTRATION

如何通过检查组1中的单选按钮来检查组2中的单选按钮？

3 个答案: