Checker un checkbox à partir d'un autre

Version imprimable

22/02/2007, 13h56
Damned Poc

Checker un checkbox à partir d'un autre

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

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

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

js:

Code:

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:

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

22/02/2007, 14h09
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

Solution

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

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

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 !