domingo, 21 de junio de 2009

Radio buttons jquery

Uso de los radio buttons con jquery:

Código de jquery:
var opt="input[name=opt]:radio";
$(opt).change(function(){
alert($(this).attr("value"));
});


Código de la página:

<input type="radio" id="opt" name="opt" value="1" checked> v1<br>

<input type="radio" id="opt" name="opt" value="2"> v2<br>

<input type="radio" id="opt" name="opt" value="3"> v3 <br>



3 comentarios:

  1. y si quisiera decirle qe en caso de apretar uno aparesca algo, y en caso de apretar otro aparesca otra cosa?

    ResponderEliminar
  2. juanmvilla:

    si seguimos el ejemplo podrías hacer lo siguiente:
    var opt="input[name=opt]:radio";
    $(opt).change(function(){
    $("#divquedebeaparecer1").hide();
    $("#divquedebeaparecer2").hide();
    $("#divquedebeaparecer3").hide();

    if($(this).attr("value")=="1"){
    $("#divquedebeaparecer1").show();
    }
    if($(this).attr("value")=="2"){
    $("#divquedebeaparecer2").show();
    }
    if($(this).attr("value")=="1"){
    $("#divquedebeaparecer2").show();
    }

    });


    Creo q todavía se puede mejorar más jeje, lo he hecho así rápido quiza tenga algún bug por ahi, espero te sirva juanmvilla.

    Creo q fue ya hace rato pero no había visto los comentarios jeje, saludos !

    ResponderEliminar