.click et .removeClass

Antitrox

12 Sep 2014 à 12:29

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 ?


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


<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é :

JENCAL

12 Sep 2014 à 16:33

Salut,
Au lieu de jouer avec les classes, tu veux jouer avec le css
Au lieu d'avoir un changement de classe, tu peux avoir un changement de "visibility"

Tu rend ton input type text cacher:

<input  style="visibility:hidden" [#red]id="IdCacher"[/#] type="text" name="OS" />

(oublie pas de rajouter un id)
Ensuite sur chaque checkbox, tu met un onclick qui fait appel à du javascript qui permettra de rendre "visible" ou non le champ texte :

<input id="osoui" type="checkbox" onclick="OnClickCheckBox ()" name="oui"/>
    <script type="text/javascript">
             function OnClickCheckBox () {
           if (document.getElementById('osoui').checked)
		   {
           document.getElementById('IdCacher').style.visibility="visible";
        } else
         {
           document.getElementById('IdCacher').style.visibility="hidden";
          }
		  }
    </script>

Modifié par JENCAL (12 Sep 2014 - 16:41)

JavaScript, DOM et API Web HTML5

.click et .removeClass