Activer une case à cocher

**Avantages** · 09/04/2010, 19h16

Salut

C'est mon premier post sur ce forum.

voilà, c'est tout bête comme question mais ça pourrait servir à d'autres.
Je cherche à savoir comment faire en sorte pour checker une checkbox au travers d'une URL. C'est dans le cas d'une lecture de conditions de vente. Si le client clic le lien qui ouvre une fenêtre des CDV, la case se coche toute seule. Voici mes codes mais ça ne marche pas :

------------------------------------------------------------------------
Coté fonction 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
function condition() {
		if (document.conditions.cdv.checked == true) {
		document.getElementById('boutonconfirm').style.display='';
		}
		if (document.conditions.cdv.checked == false) {
		document.getElementById('boutonconfirm').style.display='none';
		}
	}
 
	function clickcondition() {
		if (document.conditions.cdv.checked == false) {
		document.conditions.cdv.checked == true; 
		}
	}

----------------------------------------------------------------------

Coté HTML :

Code html :

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

1
2
3
4
5
6
7
8
9
<form id="conditions" name="conditions">
          <table width="500" border="0" align="center" cellpadding="0" cellspacing="0">
            <tr>
              <td><label>
                <input name="cdv" type="checkbox" id="cdv" onClick="condition()" />
                Obligatoire : <a href="index-coeur.php?page=menuconfirmation&id=<?php echo $id; ?>#ancre2" onclick="MM_openBrWindow('contenu/condition.php','condi','scrollbars=yes,width=500,height=700');clickcondition() " class="lienmenu" > je d&eacute;clare avoir pris connaissance des conditions de vente </a> </label></td>
              </tr>
          </table>
          </form>

---------------------------------------------------------------
boutonconfirm etant le bouton qui valide la commande, mais ça marche. C'est la deuxième fonction qui ne marche pas clickcondition().

Si quelqu'un peux m'aider.

Merci les pros

Ed

**emmanuel.remy** · 09/04/2010, 23h37

Salut et binevenue sur les forums de dvp.com,

Tu as plusieurs petits soucis. Dans ta fonction clickcondition tu écris:

Code :

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

document.conditions.cdv.checked == true;

or ce devrait être :

Code :

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

document.conditions.cdv.checked = true;

Le == sert lors des tests, l'affectation étant le =.

Ensuite, ton onclick du lien doit renvoyer false pour ne pas changer de page.

Enfin, si la personne lis les CGV, clickcondition est appelée mais le bouton de confirmation n'apparait pas pour autant

Finalement je t'ai rapidement remanié ton code ainsi:

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
42
43
44
45
46
47
48
<html>
  <head>
  <script type="text/javascript">
function condition() {
		//document.conditions.cdv.checked == true équivaut à  document.conditions.cdv.checked
		if (document.conditions.cdv.checked) {
		   document.getElementById('boutonconfirm').style.display='';
		}
		//document.conditions.cdv.checked == false est obligé si on n'est pas passé dans le bloc TRUE
		else { 
	 	   document.getElementById('boutonconfirm').style.display='none';
		}
	}

/* //V2 plus courte mais plus délicate à comprendre ?
function condition() {
    document.getElementById('boutonconfirm').style.display = document.conditions.cdv.checked ? '' : 'none' 
	}
*/
	
function clickcondition() {
    if (! document.conditions.cdv.checked ) {
        document.conditions.cdv.checked = true; 
        //n'oublions pas de gérer l'affichage du bouton de confirmation
        condition();
    }

}
  </script>
  
  </head>
  <body>
<form id="conditions" name="conditions">
          <table width="500" border="0" align="center" cellpadding="0" cellspacing="0">
            <tr>
              <td><label>
                <input name="cdv" type="checkbox" id="cdv" onClick="condition()" />
                Obligatoire : <a href="#" onclick="MM_openBrWindow('contenu/condition.php','condi','scrollbars=yes,width=500,height=700'); clickcondition();return false; " class="lienmenu" > je d&eacute;clare avoir pris connaissance des conditions de vente </a> </label></td>
              </tr>
            <tr>
              <td>
                <input name="boutonconfirm" type="button" id="boutonconfirm" value="Confirme" style="display:none"/>
              </td>
              </tr>
          </table>
          </form>
  </body>
</html>

J'ai ajouté un bouton de confirmation pour les tests.

Bon dev,

ERE

Activer une case à cocher

JavaScript

Discussions similaires

Partager

Partager