389 votos

Cómo comprobar un botón de radio con jQuery ?

Yo trate de revisar un botón de radio con jQuery. Aquí está mi código:

<form>
    <div id='type'>
        <input type='radio' id='radio_1' name='type' value='1' />
        <input type='radio' id='radio_2' name='type' value='2' />
        <input type='radio' id='radio_3' name='type' value='3' /> 
    </div>
</form>

Y el JavasScript:

jQuery("#radio_1").attr('checked', true);

No funciona:

jQuery("input[value='1']").attr('checked', true);

No funciona:

jQuery('input:radio[name="type"]').filter('[value="1"]').attr('checked', true);

No funciona:

¿Tienes otra idea? ¿Qué me estoy perdiendo?

715voto

Mike Thomsen Puntos 12074
jQuery("#radio_1").attr('checked', 'checked');

Cambiar de "true" a "activada".

Para jQuery 1.9 o superior, el uso de: (posible desde la 1.6)

$("#radio_1").prop("checked", true)

81voto

Umesh Patil Puntos 5108

Uno más de la función de la proposición(a) que se añade en jQuery 1.6, que sirve para el mismo propósito.

$("#radio_1").prop("checked", true); 

74voto

miles bennet Puntos 575

intente esto.

en este ejemplo, estoy apuntando a que con su nombre de entrada y el valor

$('input[name=background][value=color]').prop("checked",true);

41voto

Karbaman Puntos 376

Corto y fácil de leer opción:

$("#radio_1").is(":checked")

Devuelve true o false, así que usted puede usar en la instrucción "if".

11voto

Lakshmana Kumar Puntos 1019

Intente esto.

Para comprobar que el botón de Radio utilizando el Valor de uso de esta.

$('input[name=type][value=2]').attr('checked', true); 

O

$('input[name=type][value=2]').attr('checked', 'checked');

O

$('input[name=type][value=2]').prop('checked', 'checked');

Para comprobar que el botón de Radio utilizando el ID de su uso.

$('#radio_1').attr('checked','checked');

O

$('#radio_1').prop('checked','checked');

Iteramos.com

Iteramos es una comunidad de desarrolladores que busca expandir el conocimiento de la programación mas allá del inglés.
Tenemos una gran cantidad de contenido, y también puedes hacer tus propias preguntas o resolver las de los demás.

Powered by:

X