Question

セレクタ$("input[name='job-destination[0]']")と$("input[name='job-destination[1]']")を使用して、選択したラジオボタンの値を取得しようとしています。私は$("input[name='job-destination[1]']")のラジオボタンを選択すると、しかし、それは$("input[name='job-destination[0]']")

<div class="form-group"> 
    <p>Destination</p> 

    <div class="radio-btn-grp"> 
     <input class="job-destination" name="job-destination[0]" value="Australia" type="radio" required> 
     <label for="job-destination">Australia</label> 
    </div> 
    <div class="radio-btn-grp"> 
     <input class="job-destination" name="job-destination[0]" value="Canada" type="radio"> 
     <label for="job-destination">Canada</label> 
    </div> 
</div> 

<div class="form-group"> 
     <p>Destination</p> 

     <div class="radio-btn-grp"> 
      <input class="job-destination" name="job-destination[1]" value="Australia" type="radio" required> 
      <label for="job-destination">Australia</label> 
     </div> 
     <div class="radio-btn-grp"> 
      <input class="job-destination" name="job-destination[1]" value="Canada" type="radio"> 
      <label for="job-destination">Canada</label> 
     </div> 
    </div> 

Answer 1

から値を出力$("input[name='job-destination[0]']")と$("input[name='job-destination[1]']")のあなたの値が等しいと思われます。テスト目的のために、値を変更してみてください。例えば、console.log($("input[name='job-destination[0]']"))のようなタイプのHTML要素を得ることができます。

Answer 2

$("input[name='job-destination[0]']").val()を使用すると、選択されているかどうかにかかわらず常に最初の要素の値が返されます。

値を取得するには:checked Selectorと一緒に.val()を使用する必要があります。

チェックまたは選択されたすべての要素に一致します。

$("input[name='job-destination[0]']:checked").val()