Bonjour à tous !

J'ai besoin de vos lumière

J'aimerais que quand l'utilisateur coche une checkbox dans un formulaire, un champ input auparavant caché se déroule, apparaisse juste en dessous.

Possible ?


Merci

Bien le bonjour,

Heu, petite précision, tu veux que le champs se déroule de façon animé ou apparaisse juste d'un coup ?

Bonjour,

alors j'ai réussie à moitier mon truc. Voila le code :

<script type="text/javascript">
    function montrer() 
	{
		if(document.getElementById('exp2').style.visibility = 'hidden')
			document.getElementById('exp2').style.visibility = 'visible';
		else if(document.getElementById('exp2').style.visibility = 'visible')
			document.getElementById('exp2').style.visibility = 'hidden';
         
    }
 </script>
 
	Experience : <input type="checkbox" onclick="montrer()"/> | <input type="text" id="exp2" name="exp2" style="visibility:hidden"/>

Mais j'aimerais que quand je décoche la checkbox, l'input se recache

merci =)

J'aurais plutot vu un truc du genre :

function montrer() 
	{
		if(document.getElementById('box').selected){
			document.getElementById('exp2').style.visibility = 'visible';
		}
		else{
			document.getElementById('exp2').style.visibility = 'hidden';
		}
         
	}

Ca devrais le faire !

Non ca marche pas :/ le champs n'apparait plus du tout

Désolé, j'avais oublié de préciser que tu devais mettre un id="box" sur ta checkbox !

Oui je l'avais fait pourtant oO

Voila, comme ca c'est bon

<script type="text/javascript">
    function montrer() 
	{
		if(document.getElementById('box').checked){
			document.getElementById('exp2').style.visibility = 'visible';
		}
		else{
			document.getElementById('exp2').style.visibility = 'hidden';
		}
         
	}

Experience : <input type="checkbox" onclick="montrer()" id="box" checked="false"/> | <input type="text" id="exp2" name="exp2" style="visibility:hidden"/>

Super merci beaucoup =)