Test sur bouton radio
rwikus
Messages postés
994
Statut
Membre
-
zemzoum89 Messages postés 583 Statut Membre -
zemzoum89 Messages postés 583 Statut Membre -
Bonjour,
voila je comprend pas pourquoi mon script ne marche pas le voila:*
<html>
<head>
<script type="text/javascript">
function fac(f){
if(document.getElementsByTagName('radio')[0].checked==true)
alert('document.getElementsByTagName('radio')[0].value');
else
if(document.getElementsByTagName('radio')[1].checked==true)
alert('document.getElementsByTagName('radio')[1].value');
}
</script>
</head>
<body>
<form method="post" action="" name="f" onsubmit="return fac(this)">
<input type="radio" value="homme" name="sexe" /> <br/>
<input type="radio" value="femme" name="sexe" /> <br/>
<input type="submit" value="envoyer" />
</form>
</body>
</html>
merci de bien vouloir m'aider
voila je comprend pas pourquoi mon script ne marche pas le voila:*
<html>
<head>
<script type="text/javascript">
function fac(f){
if(document.getElementsByTagName('radio')[0].checked==true)
alert('document.getElementsByTagName('radio')[0].value');
else
if(document.getElementsByTagName('radio')[1].checked==true)
alert('document.getElementsByTagName('radio')[1].value');
}
</script>
</head>
<body>
<form method="post" action="" name="f" onsubmit="return fac(this)">
<input type="radio" value="homme" name="sexe" /> <br/>
<input type="radio" value="femme" name="sexe" /> <br/>
<input type="submit" value="envoyer" />
</form>
</body>
</html>
merci de bien vouloir m'aider
A voir également:
- Test sur bouton radio
- Test performance pc - Guide
- Steam deck oled test - Guide
- Test disque dur - Télécharger - Informations & Diagnostic
- Test composant pc - Guide
- Radio française - Télécharger - Médias et Actualité
3 réponses
bonjour,
explique ton problème, il fonctionne pas car il manque une page de traitement par exemple, quelle erreur as-tu ?
explique ton problème, il fonctionne pas car il manque une page de traitement par exemple, quelle erreur as-tu ?
Bonjour,
Il y a tellement de faute (utilisation de getElementsByTagName incorrect, champ action non rempli, utilisation d'une variable radio qui n'existe pas, utilisation d'un onSubmit au lieu d'un onclick et ce sans point virgule, ect... ) que je préfère te donner un code qui marche
Pour la variable radio, je m'explique :
alert('document.getElementsByTagName('radio')[1].value');
Donc en gros sa devrait afficher document.getElementsByTagName( comme texte (ben oui puisque entourer de simple cote )puis la variable radio (mais encore faudrait-il rajouter des "+" pour concaténer puis le texte ) puis affiche comme texte (la aussi il manque un +) [1].value...
<HTML>
<HEAD>
<SCRIPT language="javascript">
function choixprop(form3) {
if (form3.choix[0].checked) { alert("Vous avez choisi la proposition " + form3.choix[0].value) };
if (form3.choix[1].checked) { alert("Vous avez choisi la proposition " + form3.choix[1].value) };
if (form3.choix[2].checked) { alert("Vous avez choisi la proposition " + form3.choix[2].value) };
}
</SCRIPT>
</HEAD>
<BODY>
Entrez votre choix :
<FORM NAME="form3">
<INPUT TYPE="radio" NAME="choix" VALUE="1">Choix numéro 1<BR>
<INPUT TYPE="radio" NAME="choix" VALUE="2">Choix numéro 2<BR>
<INPUT TYPE="radio" NAME="choix" VALUE="3">Choix numéro 3<BR>
<INPUT TYPE="button"NAME="but" VALUE="Quel et votre choix ?" onClick="choixprop(form3)">
</FORM>
</BODY>
</HTML> extrait de http://www.lehtml.com/js/forms.htm
Il y a tellement de faute (utilisation de getElementsByTagName incorrect, champ action non rempli, utilisation d'une variable radio qui n'existe pas, utilisation d'un onSubmit au lieu d'un onclick et ce sans point virgule, ect... ) que je préfère te donner un code qui marche
Pour la variable radio, je m'explique :
alert('document.getElementsByTagName('radio')[1].value');
Donc en gros sa devrait afficher document.getElementsByTagName( comme texte (ben oui puisque entourer de simple cote )puis la variable radio (mais encore faudrait-il rajouter des "+" pour concaténer puis le texte ) puis affiche comme texte (la aussi il manque un +) [1].value...
<HTML>
<HEAD>
<SCRIPT language="javascript">
function choixprop(form3) {
if (form3.choix[0].checked) { alert("Vous avez choisi la proposition " + form3.choix[0].value) };
if (form3.choix[1].checked) { alert("Vous avez choisi la proposition " + form3.choix[1].value) };
if (form3.choix[2].checked) { alert("Vous avez choisi la proposition " + form3.choix[2].value) };
}
</SCRIPT>
</HEAD>
<BODY>
Entrez votre choix :
<FORM NAME="form3">
<INPUT TYPE="radio" NAME="choix" VALUE="1">Choix numéro 1<BR>
<INPUT TYPE="radio" NAME="choix" VALUE="2">Choix numéro 2<BR>
<INPUT TYPE="radio" NAME="choix" VALUE="3">Choix numéro 3<BR>
<INPUT TYPE="button"NAME="but" VALUE="Quel et votre choix ?" onClick="choixprop(form3)">
</FORM>
</BODY>
</HTML> extrait de http://www.lehtml.com/js/forms.htm
