Ir para conteúdo

POWERED BY:

Arquivado

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

samueldev

Selecionar varios checkbox's com jquery

Por , em Javascript

Recommended Posts

samueldev    0

samueldev
Postado

Galera criei um código para selecionar vários checkbox's, utilizando uma biblioteca jquery, mas não consigo selecionar tudo quando uso a biblioteca . alguém poderia dar uma olhada e dizer como faço ?

 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>teste/title>

<link rel="stylesheet" href="css/sample.css" />
<script src="../js/jquery/jquery-1.9.0.min.js"></script>
<link rel="stylesheet" type="text/css" href="../css/msdropdown/dd.css" />
<script src="../js/msdropdown/jquery.dd.min.js"></script>
<script>
function checkall(){

for (var i=0;i<document.frmdata.elements.length;i++) {
var x = document.frmdata.elements;
if (x.name == 'teste') {
x.checked = document.frmdata.selall.checked;
}
}}
</script>
</head>

<body>

<form action="" method="post" enctype="multipart/form-data" name="frmdata">

<select style="width:150px" class="tech" name="tech" id="tech" data-enablecheckbox="true">

<option name="teste" >Phone</option>
<option name="teste" >Graph</option>
<option name="teste" > Secured</option>
<option name="selall" onclick="checkall()">todos</option>

</select>


</form>
<script>

$(document).ready(function(e) {
$("#tech").msDropdown({childWidth:"250px", enableCheckbox:true});
//no use
try {
var pages = $("#pages").msDropdown({on:{change:function(data, ui) {
var val = data.value;
if(val!="")
window.location = val;
}}}).data("dd");

var pagename = document.location.pathname.toString();
pagename = pagename.split("/");
pages.setIndexByValue(pagename[pagename.length-1]);
$("#ver").html(msBeautify.version.msDropdown);
} catch(e) {
//console.log(e);
}

$("#ver").html(msBeautify.version.msDropdown);
});
</script>

</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Leco RP    6

Leco RP
Postado

Tem que ser com jquery?

 

Caso não precise, pode fazser assim:

 

JS

	function marcardesmarcar(){
		if ($("#todos").attr("checked")){
			$('.marcar').each(
			 function(){
				$(this).attr("checked", true);
			 }
			);
		}else{
			$('.marcar').each(
			 function(){
				$(this).attr("checked", false);
			 }
			);
		}
	}

E dentro do form:

<input type="checkbox" name="todos" id="todos" value="todos" onclick="marcardesmarcar();" />

Espero ter ajudado.

 

 

Abraços.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Snowden    94

Snowden
Postado

jQuery

<script>
$(function() {
	$('.todos').click(function() {
		$('.tipo').each(function(){
			if( !$(this).is(':checked') )
				$(this).prop('checked', true);
			else
				$(this).prop('checked', false);
		});
	});   
});
</script>

HTML

Todos <input type="checkbox" class="todos" />
<br />
Carne <input type="checkbox" class="tipo" name="teste[]" value="1" />
Frango <input type="checkbox" class="tipo" name="teste[]" value="2" />
Peixe <input type="checkbox" class="tipo" name="teste[]" value="3" />
File <input type="checkbox" class="tipo" name="teste[]" value="4" />

Compartilhar este post

Link para o post
Compartilhar em outros sites

samueldev    0

samueldev
Postado

Assim , as maneiras postadas acima eu testei em um exemplo a parte e deu certo , no entanto é um pouco diferente ..

funciona assim o meu script

eu tenho um select em jquery que ja mostra um checkbox junto, e eu queria montar um jeito que selecionando a opção " todos" , todos os checkbox's fossem selecionados ...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Snowden    94

Snowden
Postado

jQuery

<script>
$(function() {
	$('select#putz').change(function(){
		$('.tipo').each(function(){
			if( !$(this).is(':checked') )
				$(this).prop('checked', true);
			else
				$(this).prop('checked', false);
		});
	});   
});
</script>

HTML

<select id="putz" name="aff">
	<option value="">Escolha...</option>
	<option value="">Todos</option>
</select>
<br />
Carne <input type="checkbox" class="tipo" name="teste[]" value="1" />
Frango <input type="checkbox" class="tipo" name="teste[]" value="2" />
Peixe <input type="checkbox" class="tipo" name="teste[]" value="3" />
File <input type="checkbox" class="tipo" name="teste[]" value="4" />

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