comment cacher une checkbox

**fcolin** · 16/06/2009, 18h49

hello

comment cacher une checkbox dans un formulaire ( qui est remplacer par des images?

voici mon javascript:

Code :

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

1
2
3
4
5
function turnImgCheck(objCheck)
		{
		    var img = document.getElementById('img_check_' + objCheck.id);
		    var t = img.src.split('/');
		    img.src = (t[t.length-1] == 'http://localhost/images/boulesb1.png') ? 'http://localhost/images/boule1.png' : 'http://localhostl/images/boulesb1.png';

voici mon html :

Code :

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

<input type="checkbox"  name="boule" id="boule" value="1" onclick="turnImgCheck(this); setChecksb(this)" /><img src="http://localhost/images/boule1.png" id="img_check_boule" alt=""></td></div>';

fred

**SpaceFrog** · 16/06/2009, 19h03

pourquoi ne pas utiliser un input hidden ?

**fcolin** · 16/06/2009, 19h17

merci pour ta reponce mais le <type="hidden" me fait une text box oubien je m'y prend mal

par contre j'arrive avec la css mais le prob c'est que l'image ne fait plus l'effet voulu ( pas clickable ni changement d'etat)

fred

**SpaceFrog** · 16/06/2009, 19h31

pour le textbox oui
mais il suffit de basculer la valeur du checkbox dedans sur le click en l'image si elle est cochée ou pas

**fcolin** · 16/06/2009, 19h55

genial cela fonctionne je ne savais pas que je pouvais avoir que je pouvais avoir input=hidden je me trompais de place pour le hidden.

par contre quand c'est selectionner je ne peux plus avoir l'image 1 elle rester en position 2 as tu in idee

fred.

**SpaceFrog** · 16/06/2009, 20h07

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
<script type='text/javascript'>
var tabimg=new Array()
tabimg[0]=new Image();
tabimg[0].src='notclicked.gif';
tabimg[1]=new Image();
tabimg[1].src='clicked.gif';
 
function toggleclick(obj){
obj.src=(obj.src.indexOf(tabimg[0].src)>-1)?tabimg[1].src:tabimg[0].src
}
</script>
 
</head>
 
<body>
 
<img src="notclicked.gif" id="pseudocheck1"  onmouseup="toggleclick(this);" />
</body>
 
</html>

**SpaceFrog** · 16/06/2009, 20h19

[edit] modifié pour passer sur onmouseup qui régit mieux

**fcolin** · 16/06/2009, 20h42

genial cela fonctionne

si je pouvais je t'enverais un sixpack de choppe belge par mail

fred

**SpaceFrog** · 16/06/2009, 20h49

C'est l'intention qui compte

et si jamais tu passes dans le coin un jour

**fcolin** · 16/06/2009, 21h05

aie quand j'applique cela sur mes 49 boules et j'ai que la derniere boule qui a la bonne image

as tu une idee

fred.

**SpaceFrog** · 17/06/2009, 09h16

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
49
<html>
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
 
<title>Nouvelle page 1</title>
<script type='text/javascript'>
var tabimg=new Array()
tabimg[0]=new Image();
tabimg[0].src='notclicked.gif';
tabimg[1]=new Image();
tabimg[1].src='clicked.gif';
 
function toggleclick(obj){
hiddenname=obj.id.replace(/\D+/,'hidden')
obj.src=(obj.src.indexOf(tabimg[0].src)>-1)?tabimg[1].src:tabimg[0].src
document.getElementsByName(hiddenname)[0].disabled=(obj.src.indexOf(tabimg[0].src)>-1)?true:false;
}
 
function verif(myform){
var result="";
for (i=0;i<myform.getElementsByTagName('input').length-1;i++){
  var etat=(myform.getElementsByTagName('input')[i].disabled)?'désactivé':'activé';
 result +=myform.getElementsByTagName('input')[i].name + ' est ' +etat+ '\n';
 }
 alert (result)
 }
 
</script>
 
</head>
 
<body>
 <form action="#" onsubmit="verif(this)" name="leform" />
<img src="notclicked.gif" id="pseudocheck1"  onmouseup="toggleclick(this);" /><br/>
<input type="hidden" name="hidden1" value="valeur 1" disabled=""/>
<img src="notclicked.gif" id="pseudocheck2"  onmouseup="toggleclick(this);" /><br/>
<input type="hidden" name="hidden2" value="valeur 2" disabled="disabled"/>
<img src="notclicked.gif" id="pseudocheck3"  onmouseup="toggleclick(this);" /><br/>
<input type="hidden" name="hidden3" value="valeur 3" disabled="disabled" />
<img src="notclicked.gif" id="pseudocheck4"  onmouseup="toggleclick(this);" /><br/>
<input type="hidden" name="hidden4" value="valeur 4" disabled="disabled" />
<img src="notclicked.gif" id="pseudocheck5"  onmouseup="toggleclick(this);" /><br/>
<input type="hidden" name="hidden5" value="valeur 5"disabled="disabled" />
<input type="submit" name="sub" value="envoyer" />
</form>
</body>
 
</html>

**fcolin** · 18/06/2009, 16h57

SpaceFrog

peux tu commenter plus le code car je n'y comprend rien.

lors de la validation du formulaire la valeur est ajouter meme si elle n'est pas cocher

as tu une idee ?

merci d'avance

fred.

**SpaceFrog** · 18/06/2009, 17h06

les input de type hidden sont soumis même si ils sont disabled ????

il faut passer par le display none alors

comment cacher une checkbox

JavaScript

Discussions similaires

Partager

Partager