Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

MatheusSilva

[Resolvido] Selecionar checkboxs

Por , em Javascript

Recommended Posts

MatheusSilva    0

MatheusSilva
Postado

ola a todos, ja tentei de todas as maneiras criar um script de checkbox, peguei todos da net e nao funciona.

 

Tenho Este script ao qual eu pego alguns dados do banco de dados em php, ele me retorna isso:

 

<input type="checkbox" name="cartao" id="checkbox" value="$sequencia" />

 

ja tentei com todos os codigos js da internet e nd funcionou, alguem pode me ajudar?

 

obrigado

 

Só mais uma coisa, estou trazendo eles com $.post()

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

isso aqui:

http://wbruno.com.br/blog/2011/03/20/selecionar-todos-checkb-ao-clicar-em-um-selecionar-check-ao-clicar-em-linha/

 

 

?

 

não "abrevie", javascript para Java, pois fica errado. Java é uma outra linguagem completamente diferente.

Se quiser abreviar, javascript, fale js

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

provavel que sim..

 

ai você precisa fazer, depois do $.post ter terminado, ou seja, no success dele.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

o script já faz isso.

 

var ckd = $( this ).attr('checked');

Compartilhar este post

Link para o post
Compartilhar em outros sites

MatheusSilva    0

MatheusSilva
Postado

só que acabei dando uma adaptada já que estou usando um link para checkar todos.

   	<script type="text/javascript">  
       	$(document).ready(function(){  
           	/* ao clicar no todos, seleciona todos e altera a class de todas as linhas */  
           	$("#todos").click(function(){  

               	$("input[type='checkbox']").attr({checked: 'checked'});  
           	});  
           	/* ao clicar no checkbox, altera a class da linha */  
           	$("#todos").click(function( e ){  
               	if( e.target.tagName!='INPUT' )  
               	{  
                   	var checkbox = $( this ).find("input[type='checkbox']");  
                   	var ckd = !checkbox.attr('checked');  

                   	checkbox.attr('checked', ckd);  

               	}

           	}); 



       	});  

   	</script>

 

e o link:

<a href="#" id="todos">Check</a>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

ta estranho.. afinal de contas, você tem um checkbox dentro do link #todos ou não ?

 

 

sei lá, você pode trabalhar com uma class no link.. e ficar alterando ela para checked, ou vazio.. assim saberá oq fazer.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

o problema é, nao sei de javascript '-'

então só existem 2 coisas a se fazer:

ou não editar os scripts, ou estudar javascript até ter o conhecimento minimo necessário para conseguir editar.

 

tente assim:

      <script type="text/javascript">  
          $(document).ready(function(){  
               /* ao clicar no todos, seleciona todos e altera a class de todas as linhas */  
               $("#todos").click(function(){
                       $( this ).toggleClass('ckd');

                       var ckd = $( this ).attr('class');
                       $("input[type='checkbox']").attr({checked: ckd});  
               });                
          });  
       </script>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Eu tinha errado o nome da função, é toggleClass, com 2 g, e não toogleClass

 

Aprenda a debugar js:

http://wbruno.com.br/blog/2011/03/31/como-debugar-javascript-firefox-erros-comuns/

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Só se você alterou alguma coisa, pois acabei de testar e está funcionando.

 

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript">  
$(document).ready(function(){
	$("#todos").click(function( e ){
		e.preventDefault();
		$( this ).toggleClass('ckd');

		var ckd = $( this ).attr('class');
		$("input[type='checkbox']").attr({checked: ckd});  
	});                
});
</script>
</head>
<body>
<a href="#" id="todos">Todos</a><br /><br />

Item 1: <input type="checkbox" name="status[]" value="1" /><br />
Item 2: <input type="checkbox" name="status[]" value="2" /><br />
Item 3: <input type="checkbox" name="status[]" value="3" /><br />
Item 4: <input type="checkbox" name="status[]" value="5" /><br />
Item 5: <input type="checkbox" name="status[]" value="7" /><br />
Item 6: <input type="checkbox" name="status[]" value="9" /><br />
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

MatheusSilva    0

MatheusSilva
Postado

realmente eu coloquei este script em outro lugar e funcionou, coloquei na pagina q to usando e nao funciona.

 

ta aqui o script total:


<?php require_once("conexao.php"); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
<html>
<head>
   	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.js"></script>
   	<script type="text/javascript">  
   	$(document).ready(function(){
           	$("#todos").click(function( e ){
                   	e.preventDefault();
                   	$( this ).toggleClass('ckd');

                   	var ckd = $( this ).attr('class');
                   	$("input[type='checkbox']").attr({checked: ckd});  
           	});            	
   	});
   	</script>

   	<title></title>
</head>
<body>
<!--Form de captura de dados-->
   	<form method="post" enctype="mutipart-form/data">
       	cartao:<input type="text" name="cartao" id="cartao" />
       	<input type="submit" name="enviar" value="Enviar" id="enviar" />

   	</form>
<br>
<br>
<br>
<hr>

<!--Começa O form para apagar os dados--> 
<form action="pesquisa.php" method="post" enctype="multipart-form/data" name="">
   	<?php
   	require_once("conexao.php");
   	if (isset($_POST['enviar'])) {
       	$cart = $_POST['cartao'];
       	$pega_itens_cartao = mysql_query("SELECT * FROM movimentacao WHERE cartao = '$cart' and status = 'aberto'");
       	while ($res = mysql_fetch_array($pega_itens_cartao)) {
           	$valor = $res['valor'];
           	$sequencia = $res['sequencia'];
           	$data = $res['data'];
//explode a data vinda do mysql
           	$explode = explode("-", $data);
           	$ano = $explode[0];
           	$mes = $explode[1];
           	$dia = $explode[2];
           	$data = "$dia/$mes/$ano";

           	echo '
<input type="checkbox" name="sequencia[]" id="checkbox" value="'.$sequencia.'" />
' . $data . ' | R$' . $valor . '

<br />
';
       	}
   	}
   	?>
   	<input type="hidden" name="acao" value="fechar" />
   	<input type="submit" name="fechar" value="Fechar" /> 
</form>
<a href="#" id="todos">Check</a>
</body>
</html>

 

se puder dar uma olhada, agradeço.

 

Obrigado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Precisa debugar cara, leia entenda e corrija com base na leitura desse post:

http://wbruno.com.br/blog/2011/03/31/como-debugar-javascript-firefox-erros-comuns/

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito