Checkbox javascript avec conditions
Julie23
-
Utilisateur anonyme -
Utilisateur anonyme -
Bonjour
J'aimerai un peu d'aide sur ce formulaire s'il vous plait, car je suis débutantz en javascript
Voici ce que je veut faire :
Il y a 3 case à cocher (Anglais, Francais, Allemand).
Si la case Anglais est cocher, je veux faire une redirection vers Anglais.html,
Si la case Français est cocher --> Redirection vers Français.html
Si la case Allemand est coché --> Redirection vers Allemand.html
Si les cases Anglais et Français sont cochés --> Redirection vers Anglais-Français.html
Si les cases Anglais et Allemand sont cochés --> Redirection vers Anglais-Allemand.html
Si les cases Allemand et Français sont cochés --> Redirection vers Allemand-Français.html
Voici le code de mon formulaire
Et voici les conditions que je ne sais pas ecrire à par les bases , lol:
J'aimerai un peu d'aide sur ce formulaire s'il vous plait, car je suis débutantz en javascript
Voici ce que je veut faire :
Il y a 3 case à cocher (Anglais, Francais, Allemand).
Si la case Anglais est cocher, je veux faire une redirection vers Anglais.html,
Si la case Français est cocher --> Redirection vers Français.html
Si la case Allemand est coché --> Redirection vers Allemand.html
Si les cases Anglais et Français sont cochés --> Redirection vers Anglais-Français.html
Si les cases Anglais et Allemand sont cochés --> Redirection vers Anglais-Allemand.html
Si les cases Allemand et Français sont cochés --> Redirection vers Allemand-Français.html
Voici le code de mon formulaire
<FORM name"langue" onsubmit="return checkCheckBox(this)" action="#" method="GET"> <INPUT type="checkbox" name="Anglais" value="1"> Anglais <INPUT type="checkbox" name="Francais" value="2"> Francais <INPUT type="checkbox" name="Allemand" value="3"> Allemand </FORM>
Et voici les conditions que je ne sais pas ecrire à par les bases , lol:
<script type="text/javascript">
function checkCheckBox(form)
{
if (form.Anglais.checked == true )
{
onclick="window.location='Anglais.html'";
return false;
}
else
{
}
return true;
}
</script>
A voir également:
- Checkbox javascript avec conditions
- Telecharger javascript - Télécharger - Langages
- Mise en forme conditionnelle excel plusieurs conditions - Guide
- Excel champ calculé avec condition - Forum Excel
- Javascript void 0 c'est quoi ✓ - Forum Réseaux sociaux
- Mise en forme conditionnelle avec 2 conditions ✓ - Forum Bureautique
2 réponses
tu ne peux pas faire ça en javascript mais en PHP
en javascript tu vas exécuter ton onclick directement si tu l 'associes à la case cochée
à la rigueur tu peux le faire si tu associes à un bouton de type submit genre ok
de toute façon le code n est pas bon c est au niveau du input que tu dois mettre l attribut onclick
<htlm>
<script>
function baba () {
var i=0;
if (document.getElementById('e').checked) i=1 ;
if (document.getElementById('f').checked) i+=2;
if (document.getElementById('a').checked) i+=4;
alert(i);
.
.if ( i==3 ) alert( "français+anglais");
.
}
</script>
<form>
<INPUT type="checkbox" id='e' name="en" value="1" > Anglais
<INPUT type="checkbox" id='f' name="fr" value="2" > Francais
<INPUT type="checkbox" id='a' name="de" value="3" > Allemand
<input type="submit" onclick='baba()' name='ok' value='ok' />
</FORM>
</html>
en javascript tu vas exécuter ton onclick directement si tu l 'associes à la case cochée
à la rigueur tu peux le faire si tu associes à un bouton de type submit genre ok
de toute façon le code n est pas bon c est au niveau du input que tu dois mettre l attribut onclick
<htlm>
<script>
function baba () {
var i=0;
if (document.getElementById('e').checked) i=1 ;
if (document.getElementById('f').checked) i+=2;
if (document.getElementById('a').checked) i+=4;
alert(i);
.
.if ( i==3 ) alert( "français+anglais");
.
}
</script>
<form>
<INPUT type="checkbox" id='e' name="en" value="1" > Anglais
<INPUT type="checkbox" id='f' name="fr" value="2" > Francais
<INPUT type="checkbox" id='a' name="de" value="3" > Allemand
<input type="submit" onclick='baba()' name='ok' value='ok' />
</FORM>
</html>