Boite de texte active selon une checkbox

Soyez le premier à donner votre avis sur cette source.

Snippet vu 13 538 fois - Téléchargée 28 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
Messages postés
39
Date d'inscription
lundi 15 juillet 2002
Statut
Membre
Dernière intervention
13 juillet 2009

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 !
Messages postés
558
Date d'inscription
mardi 4 février 2003
Statut
Membre
Dernière intervention
18 février 2006

Wow cette source date :p Ça me fait plaisir ;)


Mathieu M-G
mathieumg@qc-net.com
Messages postés
29
Date d'inscription
lundi 9 février 2004
Statut
Membre
Dernière intervention
17 juin 2008

merci bcp en plus c'est facile a comprendre ;)
Messages postés
558
Date d'inscription
mardi 4 février 2003
Statut
Membre
Dernière intervention
18 février 2006

Merci mais tjrs pas de note :( mais po grave là n'est pas le but...

Mathieu M-G
http://www.maxicom.ca.tc
Messages postés
406
Date d'inscription
mardi 7 mai 2002
Statut
Membre
Dernière intervention
2 octobre 2004

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.