Checkbox javascript avec conditions

Fermé
Julie23 - 15 déc. 2009 à 17:56
 Utilisateur anonyme - 16 déc. 2009 à 10:16
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

<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>

2 réponses

Utilisateur anonyme
16 déc. 2009 à 10:03
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>




0
Utilisateur anonyme
16 déc. 2009 à 10:16
ou baba()
var i="";
if (document.getElementById('e').checked) i="francais";
if (document.getElementById('f').checked) i+="anglais";
if (document.getElementById('a').checked) i+="allemand";
location='i.html'
0