.click et .removeClass

Antitrox
Javascript

Bonjour,
je cherche à afficher certaines parties d'un formulaire quand on a coché si oui ou non on veut les voir, je tâtonne en vain depuis un moment, je ne sais pas si je m'y prends de la bonne façon, quelqu'un pourrait m'aider s'il vous plait ?

code jquey :

$("#osoui").click(function() {
  $(".jesaispas").removeClass("current");
});

code html : 

<form class="formUO">
    <span class="ligne"><label class="col1">OS</label>
        <span class="col2">Oui<input id="osoui" type="checkbox" name="oui"/> Non<input type="checkbox" name="non" id="osnon" /></span>
        <span class="jesaispas col3 current"><input type="text" name="OS" /></span></span>
</form>

voici en image un exemple concret si je me suis mal exprimé :

3 réponses

1ud0v1c
Réponse acceptée

Salut !
Rien de bien compliquer tu mets donc ton input de type text en display none en Css. Et dès que tu va cliquer sur la checkbox avec l'id osoui et si elle est coché (le fameux is checked) tu mets l'input en display block. A quoi te sers ta classe current, elle fait un display none ? Si oui alors, en gros quelque chose de ce style là devrait faire l'affaire :

$("#osoui").click(function() {
    if ( $(this).is(':checked') ) {
        $(".jesaispas").removeClass("current");
    } 
    else {
        $(".jesaispas").addClass("current");
    }
});

Voila, avec ça, ça devrait faire l'affaire :)

Antitrox
Auteur

merci beaucoup c'est exactement ça :D

Yentia

Salut,

Si c'est juste pour affiche ou non un imput tu peux utilisé .hide() ( caché ) ou .show() ( affiché )

et tu ne devrais pas vérifier une checkbox sur le click mais plus si elle est coché ou pas, car sur le Click qu'elle soit coché ou non il exécutera ta fonction.

exemple :

if( $('input[name=oui]').is(':checked') ){
   $(.tonform).show();
} else {
   $(.tonform).hide();
}

il existe plusieurs solutions. google t'aidera.

En espérant t'avoir donné une piste

Bonne continuation,