jQuery .change() en el botón de radio

Me falta algo obvio aquí ... No puedo obtener .change() para disparar botones de radio? Tengo el siguiente código en vivo here!jQuery .change() en el botón de radio

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>Radio Button jQuery Change</title> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
     console.log("parsed"); 
     $("input[name='rdio']").change(function() { 
      console.log("changed"); 
      if ($("input[name='rdio']:checked").val() == 'a') 
       $("output").text("a changed"); 
      else if ($("input[name='rdio']:checked").val() == 'b') 
       $("output").text("b changed"); 
      else 
       $("output").text("c changed"); 
     }); 
    </script> 
</head> 
<body> 
    <div> 
     <input type="radio" name="rdio" value="a" checked="checked" /> a <br/> 
     <input type="radio" name="rdio" value="b" /> b <br/> 
     <input type="radio" name="rdio" value="c" /> c 
    </div> 
    <h3>Output:</h3> 
    <div id="output"></div> 
</body> 
</html>

¿Alguien puede ver lo que me he perdido?

Gracias, Denis

Fuente

2010-04-15 Denis Hoctor

... al menos el '#' en '$ (" salida ")' ... – Leo

también puede usar this.value en su lugar "input [name = 'rdio']: checked"). Val() . Será más eficiente. – Yaroslav

Aquí está el documento sobre el contexto 'this' https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/this – Yaroslav

debe poner el código dentro del evento dom-listo ...

$(document).ready(function(){ 
    // Your code here 
});

o bien el script se ejecuta antes de que se han cargado los elementos HTML. Por lo tanto, no existen radios.

Fuente

2010-04-15 10:32:30 Mickel

¡Muchas gracias por publicar esto! –

$("output").text("a changed");

también debe ser

$("#output").text("a changed");

porque es un identificador que son coincidentes en contra.

Fuente

2010-04-15 10:53:44

jQuery .change() en el botón de radio

Respuesta

Cuestiones relacionadas