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 !