quels sont les checkbox qui sont cochés?

Version imprimable

16/03/2006, 19h50
debutant.informatique

quels sont les checkbox qui sont cochés?

Bonjour,

je voudrais savoir quels sont les checkbox qui sont cochés et lorsqu'on décoche je voudrais aussi qu'il ne soient plus dans la liste :

checkbox1 (coché)
checkbox2 (non coché)
checkbox3 (coché)

Je voudrais afficher un message du type :

checkbox coché : ch1, ch3

et si on décoche le 3

checkbox coché : ch1.

Merci d'avance

:?
16/03/2006, 20h20
Spack

Il faut regarder l'attribut checked...
:arrow: http://giminik.developpez.com/xhtml/input.html

merci... cet attribut me permet de savoir si le checkbox est coché pas quels sont les checkbox qui sont cochés. non?

J'ai essayé un truc du style :
Code:

1 2 3 4 5 6 <input type='button' value='bouton1' name='b1' onclick="document.getElementById('ref_id_bouton').value=this.name;"> <input type='button' value='bouton2' name='b2' onclick="document.getElementById('ref_id_bouton').value=this.name;"> <input type='hidden' value='' id='ref_id_bouton'> <input type='button' value='voir' onclick="alert(document.getElementById('ref_id_bouton').value)">
pour les boutons ok mais pour les checkbox mais ça ne fonctionne pas... :roll:

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
25
26
27
28
29
30
31
32
33
<script type='text/javascript'>
function cochepascoche(){
var TabChecks=document.getElementsByName('checks')
var Coche = new Array()
var NonCoche= new Array()
for (i=0;i<TabChecks.length;i++){
      TabChecks[i].checked?Coche.push(i):NonCoche.push(i)
      }
 
alert('les checks cochés sont: '+Coche + ' les non cochés sont: ' + NonCoche)
}
</script>
</head>
 
<body>
<input type="checkbox" name="checks" /></br>
<input type="checkbox" name="checks" /></br>
<input type="checkbox" name="checks" /></br>
<input type="checkbox" name="checks" /></br>
<input type="checkbox" name="checks" /></br>
<input type="checkbox" name="checks" /></br>
<input type="checkbox" name="checks" /></br>
<input type="checkbox" name="checks" /></br>
<input type="checkbox" name="checks" /></br>
<input type="checkbox" name="checks" /></br>
<input type="checkbox" name="checks" /></br>
<input type="checkbox" name="checks" /></br>
<input type="checkbox" name="checks" /></br>
<input type="checkbox" name="checks" /></br>
<input type='button' onclick='cochepascoche()' value='go' />
</body>
 
</html>

16/03/2006, 21h08
debutant.informatique

Bonsoir,

merci beaucoup

ça marche super!!!
:D
16/03/2006, 21h18
SpaceFrog

tu en doutais ?

si tu as de questions de compréhension sur le code ... :wink: