2012-03-21 25 views
5

¿Cómo puedo obtener el valor del botón de opción marcada en el botón de radio list.Here es mi códigoObtener valor de botón de opción marcada en la lista botón de radio

<div class="report_type"> 
     <input type='radio' name='choices' value='balance'>Balance Report <br/> 
     <input type='radio' name='choices' value='invoice'>Invoice Report <br/> 
     <input type='radio' name='choices' value='payment'>Payment Report <br/> 
     <input type='radio' name='choices' value='traffic'>Traffic Report <br/> 
     <input type='radio' name='choices' value='cdr'>CDRs 
    </div> 

Dar ayuda ????

Respuesta

4

se puede obtener el valor de cualquiera de los botones de radio comprueba utilizando siguiente código

var val = $("input:radio[name='choices']:checked").val(); 
alert(val); //give value of checked radio button 
1

Puede usar un attribute-equals selector para seleccionar el conjunto de botones de opción y el selector :checked para seleccionar el que está seleccionado. A continuación, puede utilizar el método val para obtener el valor de ese elemento:

$("input[name='choices']:checked").val(); 

Alternativamente, usted podría seleccionar todos input elementos que son descendientes de la div:

$("div.report_type input:checked").val(); 
2
$('.report_type input').click(function() { 
    alert($(this).val()) 
}) 
+0

'Cambiar' es mejor que' 'click' como click' activa sólo por los clics del ratón ... Y use 'this.value' en lugar de' $ (this) .val() 'sabiendo que las propiedades DOM lo salvan del código jQuery redundante. – gdoron

+0

@gdoron: si enfoca un botón de opción (por ejemplo, pestaña a uno) y luego presiona la barra espaciadora para seleccionarlo, el evento 'click' aún se activa. Entonces, en este caso, 'click' y' change' son más o menos lo mismo. Pruébelo aquí: http://jsfiddle.net/xKqRu/ –

+0

@JamesAllardice. Correcto. Mi error. ** + 1 ** aunque no era sobre lo que preguntaba ... – gdoron

Cuestiones relacionadas