Pegando valores de um checkbox via jQuery

O jQuery, sem sombra de d煤vidas, revolucionou a maneira como escrevemos Javascript. Baseado no atalho $ para document.getElementById, entre outras coisas, facilitando muito a vida de nos desenvolvedores.
Abaixo trago um exemplo de como pegar multiplos ”checkbox” e enviar seus dados via fun莽茫o load().

Esse exemplo aplica-se muita tambem quando se temos uma lista no sistema aonde o usuario quer apagar multiplos registro de uma s贸 vez. Um exemplo bem notavel, seria a caixa de e-mail do google.

Bem espero que tenha ajudado.

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

 
<html>
<head>
 
 
<script type="text/javascript" src="_js/jquery-1.3.2.js"></script>
<script type="text/javascript">
 
$(document).ready(function(){
 
$("#btn").click(function(){
 
		$("#carregando").css("display", "block");
		$("#destino").html("");
 
		$(".cinput:checked").each(function(){
 
			//Envio os dados para meu arquivo ''carregando.php''
			$("#destino").load("carrega2.php?id=" + this.value, function (){		
					$("#carregando").css("display", "none");
			});
 
		});
 
});	
})
 
</script>
 
<style></style>
 
</head>
 
<body>
 
<input type="checkbox" value="1" name="id[]" class="cinput">1<br>
<input type="checkbox" value="2" name="id[]" class="cinput">2<br>
<input type="checkbox" value="3" name="id[]" class="cinput">3<br><br>
 
<input type="button" value="enviar" id="btn" />
 
	<div id="carregando" style="display:none">Carregando...</div>
	<div id="destino"></div>
</body>
</html>

One Response to “Pegando valores de um checkbox via jQuery”

  1. Roger  on janeiro 28th, 2010

    Muito boa amigo…..jquery 茅 TOP 10


Seu Comentário