[英]Getting undefined value for radio button input
In a form I have following radio button input: 在表单中,我有以下单选按钮输入:
<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>
I am trying to get the selected value as follows: 我试图获得选定的值,如下所示:
var forma_pago = $("#opciones input:radio:checked").val();
alert (forma_pago);
But I am getting as result "Undefined" 但是我得到的结果是“未定义”
what is wrong there? 那里怎么了
Your selector is wrong. 您的选择器有误。
opciones
is name not id
. opciones
是名称,而不是id
。 Try like following. 像下面一样尝试。
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>
try this 尝试这个
var forma_pago = $("input[name=opciones]:checked").val();
alert (forma_pago);
You do not have an element with the id of opciones
. 您没有ID为
opciones
的元素。 If you still want to be specific, use the attribute equals selector
instead: 如果仍然要明确,请改用
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>
尝试这个:
alert($('input[type="radio"]:checked').val());
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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.