Si un bouton radio est cochez la case afficher une zone de texte Jquery

Hey Ya vais, j'ai eu une question avec mes boutons radio, j'ai ces 3 boutons

No <input type="radio" name="answer" checked="checked" value="no"/> 
Yes<input type="radio" name="answer" value="yes"/> 
Other <input type="radio" name="answer" value="other"/>

J'ai également cette zone de texte

<input style="display:none;" type="text" name="otherAnswer" id="otherAnswer"/>

si l'utilisateur sélectionne le bouton radio avec la valeur des "autres", puis affiche la zone de texte, si sa rien d'autre ne pas afficher la zone de texte.

Je suis assez nouveau à Jquery et j'ai regardé la syntaxe pour cela, mais tout est grec pour moi. Si quelqu'un peut me pointer dans la bonne direction, ce qui serait génial!

InformationsquelleAutor user979331 | 2012-03-05
  1. 6
    $("input[type='radio']").change(function(){

   if($(this).val()=="other")
   {
      $("#otherAnswer").show();
   }
   else
   {
       $("#otherAnswer").hide(); 
   }

});

    Voici l'exemple : http://jsfiddle.net/Wc2GS/8/

    • Génial...cela fonctionne parfaitement, merci Shyju
    • Bienvenue. Heureux de savoir que son travail.
    InformationsquelleAutor Shyju
  2. 1
    $(":radio").on('click',function (){

if ($(this).is(":checked") && $(this).val()=='other') ) $('#otherAnswer').show(); else $('#otherAnswer').hide();

});
    • Pourquoi ne pas utiliser this.checked et this.value plutôt que de inutilement la création de jQuery objets et les appels de fonctions?
    • son ok. mais depuis que j'ai habituellement utiliser mon jquery objets à l'intérieur de mon propre code - im automatiquement de le faire... même si vous avez droit. vous pouvez de-jquery à l'intérieur de l'objet.
    InformationsquelleAutor Royi Namir
  3. 1

    Je pense que c'est plus efficace.

    $("input[name='answer']").change(function(){

    if($(this).val() == "yes")
    {
        $("#otherAnswer").show();
    }else{
        $("#otherAnswer").hide();
    }
});
    InformationsquelleAutor vince
  4. -1
    $('input[name=answer]').change(function(){
    if(this.value) == 'yes'{
        $('#otherAnswer').show();
    }else{
        $('#otherAnswer').hide();
    }
})
    • Cela ne peut pas faire ce dont ils ont besoin; il y a trois boutons radio avec name="answer", dont deux devraient s'assurer que le input est caché.
    • hey, vous avez raison!
    InformationsquelleAutor Chris Sobolewski