Compter les checkbox

**bambou74** · 20/09/2011, 08h48

Bonjour,
je viens vers vous car j'ai un petit soucis j'essaie de compter toute les checkbox sélectionnés dans une page
Voici le code html d'un checkbox générée:

Code :

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

1
2
 
<input id="1/1/1" class="select" type="checkbox">

Et voici une partie de mon script javascript :

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
 
$(document).ready(function(){
 
	countSelect();
 
 
	$(':checkbox').click(function(){
		countSelect();
	});
 
	$('#selectAll').click(function(){
		var check = $(".select");
		if(this.checked)
		{		
			check.attr('checked', true);
		}
		else
		{
			check.attr('checked', false);
		}
		countSelect();
	});
});
function countSelect(){
	$("#countSelect").html($(".select").filter(":checked").length + " enregistrements sélectionnés");
}

Le petit problème c'est que lorsque je clique sur une checkbox rien ne se passe alors que si je clique sur la checkbox qui les sélectionne toutes pas de soucis. Avez vous une idée?

Merci d'avance

**SpaceFrog** · 20/09/2011, 08h56

http://www.developpez.net/forums/d89...y/#post5391893

**bambou74** · 20/09/2011, 09h08

Bonjour,
merci mais ma fonction countSelect Marque très bien quand je l’appelle depuis firebug aucun soucis en fait le script ne capture pas l’event du clic sur les checkbox.

Invité · 20/09/2011, 09h21

Bonjour,

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
<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 	<title>test</title>
 
	<!-- Script initialisation jquery -->
	<script type="text/javascript" charset="utf-8" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
	<script type="text/javascript">
	$(document).ready(function(){
		countSelect();
 
		$(':checkbox').click(function(){
			countSelect();
		});
 
		$('#selectAll').click(function(){
			var check = $(".select");
				if(this.checked)
				{		
					check.attr('checked', true);
				} else {
					check.attr('checked', false);
				}
			countSelect();
		});
		function countSelect(){
			$("#countSelect").html($(".select").filter(":checked").length + " enregistrements sélectionnés");
		};	
	});
	</script>
 
</head>
<body>
<p>check all : <input id="selectAll" type="checkbox"/></p>
 
<p>autres : 
	<input id="1/1/1" class="select" type="checkbox"/>
	<input id="1/1/2" class="select" type="checkbox"/>
	<input id="1/1/3" class="select" type="checkbox"/>
	<input id="1/1/4" class="select" type="checkbox"/>
	<input id="1/1/5" class="select" type="checkbox"/>
</p>
<p id="countSelect"></p>
 
</body>
</html>

Tout fonctionne.