Discussion :

[Damned Poc]

Salut

Mon problème c'est que j'ai trois checkbox (dans un formulaire html) et je voudrais pouvoir faire en sorte que si je sélectionne le deuxième, ça selectionne aussi le premier et si je sélectionne le troisième, ça me sélectionne les deux précédents. Je ne sais vraiment pas comment faire et je n'ai pas trouvé de sujet dessus dans le forum ou dans les tutoriels... Est-il possible de me donner une piste ou bien un lien vers qqchose qui m'expliquerait comment m'y prendre ?

Merci

[deY!]

Tu rajoute un onchange="" dans tes élements.

Ensuite tu peux pointer vers une methode en javascript ce qui serait plus propre.

js:

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
function cocher (objCb) {
    switch(objCb.name) {
         case 'cb1':
              if (objCb.checked) document.forms['form1'].elements['cb2'].checked = true;
              else document.forms['form1'].elements['cb2'].checked = false;
              break;
         case 'cb3':
              if (objCb.checked) {
                    document.forms['form1'].elements['cb1'].checked = true;
                    document.forms['form1'].elements['cb2'].checked = true;
              } else {
                    document.forms['form1'].elements['cb1'].checked = false;
                    document.forms['form1'].elements['cb2'].checked = false;
              break;
    }
 
}

html :

Code :

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

1
2
3
4
5
6
 
<form name="form1" action="">
<input type="checkbox" name="cb1" onchange="Javascript:cocher(this)" />
<input type="checkbox" name="cb2" />
<input type="checkbox" name="cb3" onchange="Javascript:cocher(this)" />
</form>

Si je me trompe pas ça devrait être bon...

[kalyparker]

bonjour,

Un checkbox à une propriété checked (très pratique).
Quand un checkbox est selectionné = true
sinon = false

Lorsque l'un est selectionné, les 2 autres non. Simple, non ?

Voili, voilou

[Damned Poc]

Merci pour les réponses.
Finalement, j'ai fait ça
js :

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
 
<script type="text/javascript" language='Javascript'>
 
function cocher (objCb) { 
	switch(objCb.name)
	{
		case 'demande2':
				document.forms['form1'].elements['demande3'].checked = false;
				document.forms['form1'].elements['demande4'].checked = false;
				break;
 
		case 'demande3':
				document.forms['form1'].elements['demande2'].checked = true;
				document.forms['form1'].elements['demande4'].checked = false;
				break;
 
		case 'demande4':
				document.forms['form1'].elements['demande2'].checked = true;
				document.forms['form1'].elements['demande3'].checked = true;
				break;
	}
}
 
</script>

html :

Code :

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

1
2
3
4
5
6
 
<form name="form1" method="post">
                                <td><input type='checkbox' name="demande2" value='4' onClick="javascript:cocher(this)"/></td>
				<td><input type='checkbox' name="demande3" value='8' onClick="javascript:cocher(this)"/></td>
				<td><input type='checkbox' name="demande4" value='16' onClick="javascript:cocher(this)"/></td>
</form>

chez moi ça fonctionne bien !