Überprüfen Sie ein Optionsfeld mit Name und Wert Eigenschaften in Core-Javascript

Question

Ich möchte ein Optionsfeld basierend auf seinen Namen und Wert Eigenschaften auswählen.

<div id="p1sync" class="form-group"> 
    <label>P1 Sync :</label> 
    <h5><input type="radio" name="p1sync" value="0" />&nbsp;&nbsp;Not Used</h5> 
    <h5><input type="radio" name="p1sync" value="1"/>&nbsp;&nbsp;1 Person Price</h5> 
    <h5><input type="radio" name="p1sync" value="2"/>&nbsp;&nbsp;2 Person Price</h5> 
    <h5><input type="radio" name="p1sync" value="3"/>&nbsp;&nbsp;Room Price</h5> 
</div> 

Ich habe versucht, diese aber es hat nicht funktioniert,

document.getElementsByName('p1sync').value = 2; 

Answer 1

getElementsByName kehrt Sammlung, die nicht value Eigenschaft hat.

Verwenden value Attribut, das Element zu wählen, da es viele Elemente sind mit gleichen name

Verwenden querySelector unter Verwendung des Elements value Attribut auszuwählen.

document.querySelector('[name="p1sync"][value="2"]').checked = true;

<div id="p1sync" class="form-group"> 
 
    <label>P1 Sync :</label> 
 
    <h5><input type="radio" name="p1sync" value="0" />&nbsp;&nbsp;Not Used</h5> 
 
    <h5><input type="radio" name="p1sync" value="1"/>&nbsp;&nbsp;1 Person Price</h5> 
 
    <h5><input type="radio" name="p1sync" value="2"/>&nbsp;&nbsp;2 Person Price</h5> 
 
    <h5><input type="radio" name="p1sync" value="3"/>&nbsp;&nbsp;Room Price</h5> 
 
</div>