Hace aproximadamente un mes, la pregunta de Mitt quedó sin respuesta. Lamentablemente, estoy corriendo en la misma situación ahora.
http://api.jquery.com/change/#comment-133939395
Aquí está la situación: estoy usando jQuery para capturar los cambios en un botón de opción. Cuando se selecciona el botón de radio, habilito un cuadro de edición. Cuando el botón de opción no está seleccionado, me gustaría que el cuadro de edición esté deshabilitado.
Las obras de habilitación. Cuando elijo un botón de opción diferente en el grupo, el evento de change no se activa. ¿Alguien sabe cómo arreglar esto?
<input type="radio" id="r1" name="someRadioGroup"/> <script type="text/javascript"> $("#r1").change(function () { if ($("#r1").attr("checked")) { $('#r1edit:input').removeAttr('disabled'); } else { $('#r1edit:input').attr('disabled', true); } }); </script>Parece que la función de change() solo se llama cuando marca un botón de opción, no cuando lo desmarca. La solución que utilicé es vincular el evento de cambio a cada botón de opción:
$("#r1, #r2, #r3").change(function () {O podría dar a todos los botones de radio el mismo nombre:
$("input[name=someRadioGroup]:radio").change(function () {Aquí hay un ejemplo de jsfiddle que funciona (actualizado del comentario de Chris Porter).
Según el comentario de @Ray, debe evitar usar nombres con . en ellos. Esos nombres funcionan en jQuery 1.7.2 pero no en otras versiones ( ejemplo de jsfiddle ).
<input id='r1' type='radio' class='rg' name="asdf"/> <input id='r2' type='radio' class='rg' name="asdf"/> <input id='r3' type='radio' class='rg' name="asdf"/> <input id='r4' type='radio' class='rg' name="asdf"/><br/> <input type='text' id='r1edit'/>parte jquery
$(".rg").change(function () { if ($("#r1").attr("checked")) { $('#r1edit:input').removeAttr('disabled'); } else { $('#r1edit:input').attr('disabled', 'disabled'); } });aqui esta la DEMO
Puede enlazar a todos los botones de radio a la vez por nombre:
$('input[name=someRadioGroup]:radio').change(...);Ejemplo de trabajo aquí: http://jsfiddle.net/Ey4fa/