Activer un bouton sur case cochée
Bonjour,
J'essai désespérément de faire fonctionner ce script...
Il doit en cochant la case, activer le bouton "inscription" mais UNIQUEMENT si la case est cochée...
Visiblement, il y a quelque chose qui cloche et je ne le trouve pas :-(
Au secours !!!
<script>
function Agree(Terms)
{
checkobj = Terms;
if(document.all||document.getElementById)
{
for(i=0; i<checkobj.form.length; i++)
{
var tempobj = checkobj.form.elements[i];
if(tempobj.type.toLowerCase()=="submit")
tempobj.disabled =! checkobj.checked;
}
}
}
</script>
<form action="Agree" method="post">
<input name="Agree" type="checkbox" onClick="Agree(this)"> J'accepte les Termes et Conditions<br>
<input type="submit" value="Inscription" onclick="window.open('http://www.paypal.com/cgi-bin/cmd?paye_ton_inscription_ici,'_Blank')" disabled>
</form>
</body>
</html>
J'essai désespérément de faire fonctionner ce script...
Il doit en cochant la case, activer le bouton "inscription" mais UNIQUEMENT si la case est cochée...
Visiblement, il y a quelque chose qui cloche et je ne le trouve pas :-(
Au secours !!!
<script>
function Agree(Terms)
{
checkobj = Terms;
if(document.all||document.getElementById)
{
for(i=0; i<checkobj.form.length; i++)
{
var tempobj = checkobj.form.elements[i];
if(tempobj.type.toLowerCase()=="submit")
tempobj.disabled =! checkobj.checked;
}
}
}
</script>
<form action="Agree" method="post">
<input name="Agree" type="checkbox" onClick="Agree(this)"> J'accepte les Termes et Conditions<br>
<input type="submit" value="Inscription" onclick="window.open('http://www.paypal.com/cgi-bin/cmd?paye_ton_inscription_ici,'_Blank')" disabled>
</form>
</body>
</html>
4 réponses
-
voila ca marche enfin sur a 100% sur IE
pour que tu comprenne quand meme
meme si de fois ca marche TU NE DOIT JAMAIS appeler 2 element du meme nom
et si tu doit ateindre un element quel qu il soit tu ne peut le faire que si tu lui a donné un name ou un id
sur le window.open il manquais une paranthese
<html>
<head>
<script LANGUAGE="JavaScript">
function Agree(Terms)
{
checkobj = Terms;
if(document.donnee.agree.checked == true) {
document.donnee.btn_valid.disabled = false;
} else {
document.donnee.btn_valid.disabled = true;
}
}
function go_go()
{
window.open('http://www.paypal.com/cgi-bin/cmd?paye_ton_inscription_ici','_Blank','')
}
</script>
</head>
<body>
<form name="donnee" action="Agree" method="post">
<input name="agree" type="checkbox" onClick="Agree(this)"> J'accepte les Termes et Conditions<br>
<input name="btn_valid" type="submit" value="Inscription" onclick="go_go()" disabled="true">
</form>
</body>
</html> -
Oui ca fonctionne avec une case à cocher, mais si je veux en mettre deux (2) sur la même page mais pas nécessairement un en dessous ou côté de l'autre comme par exeple une page bilingue ou le français est en haut et l'anglais en bas, que ce passe-t-il ???
Il y a 2 boutons (1 pour le français et 1 pour l'anglais) un seul des bouton doit être activé et utilisé...
J'ai tenté de mettre quelque chose comme ceci en voulant utiliser un seul bouton, mais en vain:
if(document.donnee.agree.checked == true) or if(document.donnee.accept.checked == true) {
document.donnee.btn_valid.disabled = false;
}
j'ai aussi tenté de séparé les deux condition (if) pour faire sur deux (2) boutons, mais encore là, en vain...
function Agree(Terms)
{
checkobj = Terms;
if(document.donnee.agree.checked == true) {
document.donnee.btn_valid.disabled = false;
}
if(document.donnee.accept.checked == true) {
document.donnee.btn_ok.disabled = false;
}
else {
document.donnee.btn_valid.disabled = true;
document.donnee.btn_ok.disabled = true;
}
} -
ContributeurSalut!
Revoici tes 2 tentatives, avec en gras les corrections:
1.<html> <head> <script language="JavaScript"> function Agree(Terms) { checkobj = Terms; if ((document.donnee.agree.checked == true) || (document.donnee.accept.checked == true)) { document.donnee.btn_valid.disabled = false; } else { document.donnee.btn_valid.disabled = true; } } function go_go() { window.open('http://www.paypal.com/cgi-bin/cmd?paye_ton_inscription_ici','_Blank','') } </script> </head> <body> <form name="donnee" action="Agree" method="post"> <input name="agree" type="checkbox" onClick="Agree(this)"> J'accepte...<br> <input name="accept" type="checkbox" onClick="Agree(this)"> I agree...<br> <input name="btn_valid" type="submit" value="Inscription" onclick="go_go()" disabled="true"> </form> </body> </html>
2.<html> <head> <script language="JavaScript"> function Agree(Terms) { checkobj = Terms; if (document.donnee.agree.checked == true) { document.donnee.btn_valid.disabled = false; } else { document.donnee.btn_valid.disabled = true; } if (document.donnee.accept.checked == true) { document.donnee.btn_ok.disabled = false; } else { document.donnee.btn_ok.disabled = true; } } function go_go() { window.open('http://www.paypal.com/cgi-bin/cmd?paye_ton_inscription_ici','_Blank','') } </script> </head> <body> <form name="donnee" action="Agree" method="post"> <input name="agree" type="checkbox" onClick="Agree(this)"> J'accepte...<br> <input name="btn_valid" type="submit" value="Inscription" onclick="go_go()" disabled="true"> <hr> <input name="accept" type="checkbox" onClick="Agree(this)"> I agree...<br> <input name="btn_ok" type="submit" value="Inscription" onclick="go_go()" disabled="true"> </form> </body> </html>
Bon courage et @+ -
je voulais savoir comment on insère une image de bouton dans un code html+css puis utiliser cette image comme bouton actif (envoyer sur un autre pages par exemple)
merci
