Ir para conteúdo

POWERED BY:

Arquivado

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

leandro_moh

[Resolvido] Script que marca/desmarca todos checkboxes que quiser

Por , em Javascript

Recommended Posts

leandro_moh    0

leandro_moh
Postado

Bom, criei esse script com a finalidade do usuario poder marcar/desmarcar todos os checkboxes de uma pagina (ou de um formulario, etec.) de uma vez, havia procurado scripts para isso na internet porém eram muito complicados e grandes, então resolvi fazer o meu e estou compartilhando-o com vocês para quem estiver prescisando ou quiser usar. Se possivel gostaria que comentacem sobre o código (pois não sei o nivel do meu conhecimento em Javascript e talvez possa haver jeitos melhores de fazer isso).

 

 

<html>
<head>
<title>Marca/Desmarca Todos CheckBoxes</title>
<script type="text/javascript">
function marca_desmarca()
{
var e = document.getElementsByTagName("input");
var x = document.getElementById("texto");
var master = document.getElementById("checkbox_master");	
var bool;

if (x.innerHTML == "Marcar Todos") // if (master.checked == true) // <-- substituir "IF" para var master.checked sempre true.
{ bool = true; 	x.innerHTML = "Desmarcar Todos"; 	}
else
{ bool = false; x.innerHTML = "Marcar Todos";    	}

for(var i=1;i<e.length;i++)
{
	if (e[i].type=="checkbox")
	{
		e[i].checked = bool;
	}	
}
master.checked = false; // se var master.checked for sempre true -> apagar esta linha
}
</script>
</head>

<body>
<form>

<input id="checkbox_master" onclick="marca_desmarca();" type="checkbox"><span id="texto">Marcar Todos</span></input><br/>
<input value="html" type="checkbox">HTML</input><br/>
<input value="xhtml" type="checkbox">XHTML</input><br/>
<input value="CSS" type="checkbox">CSS</input><br/>

</form>
</body>
</html>

 

Se você não quiser selecionar todos os checkboxes da pagina e sim de apenas um formulario ou algo assim, você deve deixar os atributos "name" de todos os checkboxes que você deseja marcar/desmarcar pelo "checkbox_master" com o mesmo nome. E na linha onde fica a verificação no tipo do Input você também deverá adicionar uma condição para verificar o nome do objeto.

 

 

Espero ter ajudado.

 

Att.

Leandro_Moh

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