Wie wähle ich einen Radiobutton über jQuery beim Laden?

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

Vor allem Namen sowohl für die Funkklasse Tasten sollten anders gehalten werden, wie von den beiden divs zu wählen.

Zweite Sie finden Label und seine Stütze Einstellung, eher sollten Sie die Eingabe Radiobuttons wie finden:

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

Siehe hierzu demo

Answer 2

Ich frage mich, warum Sie javascript verwenden möchten, um dies zu tun? Sie können reine html wie folgt verwenden:

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

Hinweis: Alles, was Sie brauchen, sind checked="checked" zu verwenden und unterschiedliche name zu verwenden, um mehr für jede Frage zu wählen.