bouton Radio Vérifié

Question

essaie de faire une page HTML qui calcule l'IMC pour les adultes et les enfants

je veux de l'utilisateur de choisir le type de calcul si pour adultes ou enfants

en utilisant le bouton radio, mais je Je ne veux pas qu'il ouvre une nouvelle page .. si l'utilisateur cocher un bouton

je le veux quand il vérifie ex le bouton radio Adulte le champ de texte d'entrée apparaît sous les deux boutons radio .. si je change d'avis puis cochez la case d'option enfants ... un autre champ de saisie apparaît à la place de ceux pour un adulte

je ne sais pas si ma demande est claire ou pas .. je l'espère

je souhaite quelqu'un me aider comment faire pour que

en fait je ne pouvais pas chercher à ce sujet dans Google parce que je ne sais pas ce que je suppose écrire là ... très débutant: D

donc si la réponse est un lien pour lire à ce sujet .. je vais accepter que^_^

Cordialement

Answer 1

Voici un link cela ne résoudra pas exactement votre problème mais vous donnera une idée de comment le faire.

Answer 2

vous pourriez le faire avec jQuery. Vous devez cacher les champs d'entrée, et si les utilisateurs vérifie un RadioButton fondu l'entrée correspondante.

<div id="formdiv"> 
    <form> 
     <label for="1">Radio 1</label><input type="radio" id="1" name="choose" /> 
     <label for="2">Radio 2</label><input type="radio" id="2" name="choose" /> 
     <input type="text" class="1" name="input1" /> 
     <input type="text" class="2" name="input2" /> 
    </form> 
</div>​​​​​​​​​​​​​​​​​​​​​​​ 

<script type="text/javascript"> 
    $("input[name='choose']").change(function() { 
     var inputToFadeIn = $(this).attr('id'); 
     $("input[type='text']:visible").animate({visibility: 'hidden'}, 500); 
     $('.' + inputToFadeIn).animate({visibility: 'visible'}, 500); 
    });​ 
</script> 

<style type="text/css"> 
    ​input[type='text'] 
    { 
     visibility:hidden; 
    }​​ 
</style> 

avons maintenant testé sur jsFiddle, mais ne fonctionne pas. Quelqu'un pourrait-il expliquer http://jsfiddle.net/7eKP6/?