獲取單選按鈕輸入的不確定值

Question

在表單中，我有以下單選按鈕輸入：

<div class="form-group col-sm-12">
  <div class="radio">
    <label>
      <input type="radio" name="opciones" id="opciones_1" value="Efectivo" checked>Efectivo
    </label>
  </div>
  <div class="radio">
    <label>
      <input type="radio" name="opciones" id="opciones_2" value="Tarjeta">Tarjeta
    </label>
  </div>

我試圖獲得選定的值，如下所示：

var forma_pago = $("#opciones input:radio:checked").val();
alert (forma_pago);

但是我得到的結果是“未定義”

那里怎么了

Answer 1

您的選擇器有誤。 opciones是名稱，而不是id 。 像下面一樣嘗試。

 var forma_pago = $(":radio[name=opciones]:checked").val(); alert(forma_pago); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="radio"> <label> <input type="radio" name="opciones" id="opciones_1" value="Efectivo" checked>Efectivo </label> </div> <div class="radio"> <label> <input type="radio" name="opciones" id="opciones_2" value="Tarjeta">Tarjeta </label> </div> 

Answer 2

嘗試這個

 var forma_pago = $("input[name=opciones]:checked").val();
    alert (forma_pago);

Answer 3

您沒有ID為opciones的元素。 如果仍然要明確，請改用attribute equals selector ：

 var forma_pago = $("input[name='opciones']:radio:checked").val(); console.log(forma_pago); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="form-group col-sm-12"> <div class="radio"> <label> <input type="radio" name="opciones" id="opciones_1" value="Efectivo" checked>Efectivo </label> </div> <div class="radio"> <label> <input type="radio" name="opciones" id="opciones_2" value="Tarjeta">Tarjeta </label> </div> 

Answer 4

嘗試這個：

alert($('input[type="radio"]:checked').val());

Answer 5

 alert ($("input[name=opciones]:checked").val()); $("input[name=opciones]").on('click',function() { alert ($(this).val()); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="form-group col-sm-12"> <div class="radio"> <label> <input type="radio" name="opciones" id="opciones_1" value="Efectivo" checked>Efectivo </label> </div> <div class="radio"> <label> <input type="radio" name="opciones" id="opciones_2" value="Tarjeta">Tarjeta </label> </div>