if/else sur des checkbox

**Jay.Jay** · 20/10/2008, 16h16

Bonjour,
J'aide un pote � d�velopper une petite appli et je n'arrive pas � me d�patouiller de ce qui semblera peut �tre simplissime � certains d'entre vous...

Je cherche � tester des checkbox pour r�aliser ou non une action.
Je m'explique : si la case n�1 OU la case n�2 est coch�e, alors cocher automatiquement la case n�3. sinon, d�cocher la case n�3.
Est-ce que quelqu'un pourrait me venir en aide ?!
Voil� un petit bout de la page avec un code pour que vous puissiez voir (dans cet exemple, je ne teste qu'une seule case, pour tenter de simplifier les choses, mais le but est d'en tester 2) :

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Test</title>
<script language="javascript" type="text/javascript">
 
function Check_WI () {
if (cellule1.checked==true)
{cellule5.checked==true}
else
{cellule5.checked==false}
 
</script>
</head>
<body>
<p id="rubriques_consult"><label>Cases à cocher</label> </BR></BR>
<input type="checkbox" name="cellule1" value="case1" onclick="Check_WI()"/>Case1 </BR>
<input type="checkbox" name="cellule2" value="case2"/>Case2 </BR>
<input type="checkbox" name="cellule3" value="case3"/>Case3 </BR>
<input type="checkbox" name="cellule4" value="case4"/>Case4 </BR>
<input type="checkbox" name="cellule5" value="case5"/>Case5 </BR>
</p>
</body>
</html>

Merci d'avance aux bonnes �mes !

**Helfima** · 20/10/2008, 17h34

D�j� il faut respecter la syntaxe pour ins�rer du javascript en utilisant  et surtout ne pas oublier de fermer les balises.
ensuite == est valable pour une condition pas pour affecter une valeur

et pour finir malgr� la bonne syntaxe cela ne fonctionnera pas, car il faut acc�der aux objets DOM de la page donc j'ai qu'une chose � dire va faire un tour sur http://javascript.developpez.com/ et bonne lecture

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
<script language="javascript" type="text/javascript">
<!--
function Check_WI () {
if (cellule1.checked==true)
{cellule5.checked=true}
else
{cellule5.checked=false}
}
//-->
</script>

**jeca** · 21/10/2008, 08h12

Bonjour,

D'apr�s le 'doctype', il s'agit de XHTML.
Donc :

ce n'est pas , mais //<![CDATA[ //]]>.
pour les sauts de ligne, ce n'est pas </br>, mais <br />,
il n'y a pas d'�l�ment '<form>'.
En ce qui concerne ta fonction, javascript est sensible � la casse, et les caract�res utilis�s dans l'appel de la fonction doivent �tre strictement les m�mes que dans le nom de la fonction elle-m�me, ce qui n'est pas le cas dans ton exemple.

Pour le reste, lorsque tu appelles ta fonction, tu lui passes en param�tre un pointeur sur la case coch�e (this) et un autre sur la case � cocher. Ce qui donne, vite fait :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Test</title>
    <script type="text/javascript">
      //<![CDATA[
      function Check_WI (caseCoche, caseACocher) 
      {
        if (caseCoche.checked)
          {caseACocher.checked = 'checked'}
        else
          {caseACocher.checked = ''}
      }
      //]]>
    </script>
  </head>
  <body>
    <p id="rubriques_consult">
      <form name="test" id="test" method="post" action="">
        <label>cases à cocher</label> 
        <br /><br />
        <input type="checkbox" name="cellule1" value="case1" onclick="Check_WI(this, this.form.cellule5)"/>case1<br/>
        <input type="checkbox" name="cellule2" value="case2" onclick="Check_WI(this, this.form.cellule3)"/>case2 <br />
        <input type="checkbox" name="cellule3" value="case3" onclick="Check_WI(this, this.form.cellule4)"/>case3 <br />
        <input type="checkbox" name="cellule4" value="case4" onclick="Check_WI(this, this.form.cellule3)"/>case4 <br />
        <input type="checkbox" name="cellule5" value="case5" onclick="Check_WI(this, this.form.cellule1)"/>case5 <br />
      </form>
    </p>
  </body>
</html>

if/else sur des checkbox

JavaScript

Vue hybride

Discussions similaires

Partager

Partager