jQuery経由でラジオボタンを選択するにはどうすればいいですか？

Question

$("#1").find("Radio1").prop('checked', true); 
 
$("#2").find("Radio1").prop('checked', true);

<div id="1" cvalue='false'> 
 
    Are you a student ? 
 
    <br> <input type="radio" name="RadioB1" id="Radio1" value="1"> 
 
    <label for="Radio1">Yes</label><br> 
 
    <input type="radio" name="RadioB1" id="Radio2" value="2"> 
 
    <label for="Radio2">No</label> 
 
</div> 
 
<br/> 
 
<div id="2" cvalue='false' > 
 
    Do you study in a university ? 
 
    <br> 
 
    <input type="radio" name="RadioB1" id="Radio3" class="ui-state-default ui-corner-all" value="1"> 
 
    <label for="Radio1">Yes</label><br> 
 
    <input type="radio" name="RadioB1" id="Radio4" class="ui-state-default ui-corner-all" value="2"> 
 
    <label for="Radio2">No</label> 
 
</div>

DEMO

Answer 1

両方のdiv要素の中から選択して、両方のラジオ・クラスボタンのすべての名前の最初には、異なる保たれるべきです。

第二に、あなたではなくあなたのように入力ラジオボタンを見つける必要があり、ラベルを見つけ、その小道具を設定している：

HTML：

<div id="1" cvalue='false'> 

     Are you a student ? 

     <br> <input type="radio" name="RadioB1" id="Radio1" value="1"> 
      <label for="Radio1">Yes</label><br> 
      <input type="radio" name="RadioB1" id="Radio2" value="2"> 
      <label for="Radio2">No</label> 




</div> 
<br/> 
<div id="2" cvalue='false' > 
    Do you study in a university ? 

     <br> 

      <input type="radio" name="RadioB1" id="Radio3" class="ui-state-default ui-corner-all" value="1"> 
      <label for="Radio1">Yes</label><br> 
      <input type="radio" name="RadioB1" id="Radio4" class="ui-state-default ui-corner-all" value="2"> 
      <label for="Radio2">No</label> 



</div> 

JS：

$('#1').find('input[name=RadioB1]').filter('#Radio1').prop('checked', true); 
$('#2').find('input[name=RadioB2]').filter('#Radio3').prop('checked', true); 

これを参照してくださいdemo

Answer 2

なぜこれを行うにはjavascriptを使用したいのですか？あなたは、このように純粋なhtmlを使用することができます。

<div id="1" cvalue='false'> 
 
    Are you a student ? 
 
    <br> <input type="radio" name="RadioB2" id="Radio1" value="1" checked="checked"> 
 
    <label for="Radio1">Yes</label><br> 
 
    <input type="radio" name="RadioB2" id="Radio2" value="2"> 
 
    <label for="Radio2">No</label> 
 
</div> 
 
<br/> 
 
<div id="2" cvalue='false' > 
 
    Do you study in a university ? 
 
    <br> 
 
    <input type="radio" name="RadioB1" id="Radio3" class="ui-state-default ui-corner-all" value="1" checked="checked"> 
 
    <label for="Radio1">Yes</label><br> 
 
    <input type="radio" name="RadioB1" id="Radio4" class="ui-state-default ui-corner-all" value="2"> 
 
    <label for="Radio2">No</label> 
 
</div>

注：必要なのは、checked="checked"を使用し、各質問のために複数を選択するために、異なるnameを使用することです。