Boite de texte active selon une checkbox

0/5 (12 avis)

Snippet vu 13 672 fois - Téléchargée 29 fois

Contenu du snippet

Ceci est un code très simple et banal, mais il pourrait servir dans un formulaire.

Source / Exemple :


À placer dans HEAD :

<script language ="Javascript">
function verifiertous(){
verifier1();
verifier2();
verifier3();
}

function verifier1(){
if(document.form.chck1.checked){
document.form.b1.disabled=false
document.form.b1.style.backgroundColor='#FFFFFF'
document.form.b1.value=a1
document.form.b1.focus()
}

else{
document.form.b1.disabled=true
document.form.b1.style.backgroundColor='#D6D3CE'
a1=document.form.b1.value
document.form.b1.value=""
}
}

function verifier2(){
if(document.form.chck2.checked){
document.form.b2.disabled=false
document.form.b2.style.backgroundColor='#FFFFFF'
document.form.b2.value=a2
document.form.b2.focus()
}

else{
document.form.b2.disabled=true
document.form.b2.style.backgroundColor='#D6D3CE'
a2=document.form.b2.value
document.form.b2.value=""
}
}

function verifier3(){
if(document.form.chck3.checked){
document.form.b3.disabled=false
document.form.b3.style.backgroundColor='#FFFFFF'
document.form.b3.value=a3
document.form.b3.focus()
}

else{
document.form.b3.disabled=true
document.form.b3.style.backgroundColor='#D6D3CE'
a3=document.form.b3.value
document.form.b3.value=""
}
}

</script>

Et voici la suite INCLUANT les balises BODY :

<body onload="verifiertous()">

<form method="POST" name="form">
  <p><input type="checkbox" name="chck1" value="ON" onclick="verifier1()"><input style="background-color: #D6D3CE" type="text" name="b1" size="20" disabled></p>
  <p><input type="checkbox" name="chck2" value="ON" onclick="verifier2()"><input style="background-color: #D6D3CE" type="text" name="b2" size="20" disabled></p>
  <p><input type="checkbox" name="chck3" value="ON" onclick="verifier3()"><input style="background-color: #D6D3CE" type="text" name="b3" size="20" disabled></p>
</form>

</body>

Conclusion :


Si il y a des bugs faites-moi le savoir SVP !

Merci

Mathieu M-G

A voir également

Ajouter un commentaire Commentaires
cs_Seven Messages postés 39 Date d'inscription lundi 15 juillet 2002 Statut Membre Dernière intervention 13 juillet 2009
23 avril 2006 à 00:55
sympa ta source j'en ai fais une mais avec plus d'élement de formulaire, mais ceci est avantageux dans le cas où tu connais le nombre d'élément que tu veux traité avec cette action !!, mais dans le cas où les élements seront généré dynamiquement a partir d'une base de donnée !!, comment tu vas ou je vais faire pour les traité de la meme façons que tu as fais, moi perso théoriquement je pensé que c t facile a réaliser, mais depuis tout a l'heure je patooooooooge !, alors si tu peux me filé un coup de main la dessus ça ne sera pas de refus !
mathieumg Messages postés 558 Date d'inscription mardi 4 février 2003 Statut Membre Dernière intervention 18 février 2006
16 janv. 2005 à 16:40
Wow cette source date :p Ça me fait plaisir ;)


Mathieu M-G
mathieumg@qc-net.com
datesta Messages postés 29 Date d'inscription lundi 9 février 2004 Statut Membre Dernière intervention 17 juin 2008 1
16 janv. 2005 à 16:39
merci bcp en plus c'est facile a comprendre ;)
mathieumg Messages postés 558 Date d'inscription mardi 4 février 2003 Statut Membre Dernière intervention 18 février 2006
20 juil. 2003 à 03:27
Merci mais tjrs pas de note :( mais po grave là n'est pas le but...

Mathieu M-G
http://www.maxicom.ca.tc
bob3000 Messages postés 406 Date d'inscription mardi 7 mai 2002 Statut Membre Dernière intervention 2 octobre 2004
20 juil. 2003 à 01:20
excellent!!!
Afficher les 12 commentaires

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.