2011-08-12 34 views
8

Estoy usando jQuery y tengo un grupo de botones de opción con el mismo nombre pero diferentes propiedades de valor.Desmarcar grupo de botones de radio usando jQuery

Por ejemplo:

<input type = "radio" name = "thename" value="1"></input> 
<input type = "radio" name = "thename" value="2"></input> 
<input type = "radio" name = "thename" value="3"></input> 

quiero que sea por lo que son todos los no seleccionados. El estado actual de mi página ha hecho clic en uno de ellos. ¿Cómo hago esto?

Respuesta

1

Prueba el siguiente código:

$(input[name=thename]).removeAttr('checked'); 
3

Trate de usar esto: (. Comprobado, seleccionados, ect) $('input[type="radio"]').prop('checked', false);

utilizando el método de jQuery prop puede cambiar las propiedades de los elementos.

+0

Esto funcionó cuando añadí una comilla más después del corchete de cierre --- $ ('input [type = "radio"]'). Prop ('checked', false); –

+0

@JimEvans Gracias. No estoy seguro de por qué no he visto eso hasta ahora. He editado la respuesta para tener la cita de cierre. – Kyle

7

A partir de jQuery 1.6, $("radio").prop("checked", false); es el método sugerido.

+1

lo siento, esto no funciona para mí. Lo intenté. Además, ¿qué pasa si tengo otros elementos de radio en la página y no quiero aplicar ese comportamiento a ellos? – Carl

+1

simplemente intente cambiar el selector. algo así como '$ (" input [name = 'thename'] ")' –

8
$("input:radio[name='thename']").each(function(i) { 
     this.checked = false; 
}); 

no está seguro de por qué el puntal jQuery no funciona y esto hace ...

+0

Buena discusión de [jQuery's 'prop()' aquí] (http://stackoverflow.com/a/5876747/557612) – steveax

2

La respuesta Publicado por @matzahboy funcionó a la perfección.

intentado otras maneras, pero esto se trabajó el mejor:

$(input[name=thename]).removeAttr('checked'); 
0
function resetRadio(name) { 
    $('#form input:radio[name=' + name + ']:checked').each(function() { 
     var $this = $(this); 
     $this.prop("checked", false); 
    }); 
} 

$('#form input:radio').on('dblclick', function() { 
    var $this = $(this); 
    var name = $this.prop('name'); 
    resetRadio(name); 
}); 

Esto le permite hacer doble clic en las radios para reponerlos.

0

Para anular la selección de todas las radios de un grupo llamado "namegroup", intente esto:

$("input[type=radio][name=namegroup]").prop("checked", false); 
0

Ésta es la respuesta simple y genérica (creo): $("input[name=NAME_OF_YOUR_RADIO_GROUP]").prop("checked",false);

Para esta pregunta específica, me gustaría utilizar:

$("input[name=thename]").prop("checked",false);

esperanza esto ayuda

0

funcionó para mí;

$('input[name="radioName"]').attr('checked', false); 
Cuestiones relacionadas