2012-10-23 7 views
0

두 개의 방사능 그룹이 있습니다. 내가 뭘 wan't 것은 내가 라디오 1 확인할 때 라디오 3도를 automaticly 선택이다group1의 라디오 버튼을 확인하여 group2의 라디오 버튼을 확인하는 방법은 무엇입니까?

<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> 

내가 라디오 2를 선택하면, 라디오 4를 선택 : codeis의 예는 울부 짖는 소리. 따라서 라디오 1이 선택되면 라디오 1과 라디오 3이 선택되고 라디오 2가 선택되면 라디오 2와 라디오 4가 선택됩니다.

+0

를 클릭 할 경우 어떻게? 라디오 1과 라디오 3을 확인해야합니까? –

답변

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

radio1과 radio2에 대한 빠른 jQuery 클릭 핸들러를 사용하여 radio3과 radio4의 .checked 속성을 각각 설정할 수 있습니다. jQuery 객체 대신 html 요소를 참조하려면 $ ("# radio3") [0] .checked에 [0] 색인을 사용합니다. $ (this) 대신 this를 사용하여 현재 클릭 된 html 요소를 참조하십시오.

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

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

당신은이 작업을 수행 할 수 있습니다, 하나의 핸들러 모두 라디오 버튼 처리하는 : 라디오 2 라디오 (4)

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

DEMONSTRATION

관련 문제