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>

comment cacher une checkbox

JavaScript

Vue hybride

Discussions similaires

Partager

Partager