Formulaire checkbox/radio, choix multiple et unique à la fois

Version imprimable

08/03/2012, 14h53
Untouchable

Formulaire checkbox/radio, choix multiple et unique à la fois

Bonjour,

Je ne sais pas vraiment comment poser ma question donc je vais faire avec un exemple...
Dans un formulaire, l'utilisateur à la possibilité de cocher parmis 3 choix : A, B et C.
Et alors différents cas se présentent :
- s' il coche A et/ou B, il ne doit pas pouvoir cocher C
- inversement, s'il coche C, il ne doit pas pouvoir cocher A et/ou B
- et donc A et B peuvent en revanche bien être cochés ensemble.

Voila, j'étais parti sur un simple checkbox à choix multiple mais je ne vois pas comment faire ça...
Si quelqu'un peut me venir en aide ce serait sympa !

Merci
08/03/2012, 16h03
andry.aime

Salut,

1- tu crées une fonction javascript que tu appelles à chaque onclick des select. Dans cette fonction, tu vérifies quel est l'élément déjà coché pour retourner une valeur booléen pour pouvoir cocher ou non les autres.
2- tu dois refaire une revérification coté php avec isset. seul les checkbox coché sont envoyés vers le serveurs.

A+.

Comme andry.aime je ne vois pas d'autre solution que de passer par javascript.
Je te donne une solution rapide avec jquery :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script src = "scripts/jquery.js" type="text/javascript"></script> <script type="text/javascript"> $(function() { $("#checks input[type=checkbox]").click(function() { if ($(this).attr("class") == "block1") { $("#checks .block2").attr('checked', false); } else if ($(this).attr("class") == "block2") { $("#checks .block1").attr('checked', false); } }); }) </script> </head> <body> <form action="#" method = "post"> <p id = "checks"> <input class="block1" type = "checkbox" name = "checkA" value = "A" /> <input class="block1" type = "checkbox" name = "checkB" value = "B" /> <input class="block2" type = "checkbox" name = "checkC" value = "C" /> <input type = "submit" name = "envoyer" value = "envoyer" /> </p> </form> </body> </html>
Excuses moi de ne pas donner le code en js pur mais depuis que je fais beaucoup de web2 j'utilise cette lib et j'ai perdu mes automatismes (et surtout devenu un peu feignant car les sélecteurs jquery sont tellement pratiques! :) ).

Bah sinon pour faire le même principe de code sans la lib il faudra utiliser document.getElementById, getElementByTagName et autre className (et lister tes tableaux comme un besogneux :P )

Javascript pouvant se désactiver, tu devras refaire un contrôle en php.