Checkbox javascript avec conditions

Julie23 -  
 jmg78 -
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>
Configuration: Windows Vista
Firefox 3.0.11

2 réponses

  1. jmg78
     
    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
  2. jmg78
     
    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