Activer un bouton sur case cochée

pyranhaz Messages postés 38 Statut Membre -  
 hary -
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>
A voir également:

4 réponses

sglug Messages postés 22 Statut Membre 3
 
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>
3
pyranhaz Messages postés 38 Statut Membre 3
 
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;
}
}
1
SirHill Messages postés 4070 Statut Contributeur 543
 
Salut!

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 @+
0
pyranhaz Messages postés 38 Statut Membre 3
 
À force d'essayer, je vais finir par faire quelque chose de potable un jour...

J'espère !

;-)
0
hary
 
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
0