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

**Untouchable** · 08/03/2012, 14h53

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

**andry.aime** · 08/03/2012, 16h03

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

**ABCIWEB** · 09/03/2012, 00h48

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

)

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

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

Langage PHP

Discussions similaires

Partager

Partager