Ir para conteúdo

POWERED BY:

Arquivado

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

bcs_ptx

selecionar registros

Por , em Javascript

Recommended Posts

bcs_ptx    0

bcs_ptx
Postado

Pessoal, tenho esse script para selecionar todos os checkbox, como posso fazer com um botão?

 

agora é assim

 

<input type="checkbox" name="principal" onClick="selecionaTodos()">

e quero fazer assim

<input type="button" name="principal" value="" id="botao3" style="background-image:url(img/seleciona.png);" title="Seleciona todos" onClick="selecionaTodos()"/>

 

function selecionaTodos(x){ 
	for(var i = 0; i < document.form.elements.length;i++) {
		var x = document.form.elements[i];
		if(x.name == 'seleciona[]') { 
			x.click = document.form.principal.checked;
			if(x.click === true){
				x.parentNode.parentNode.className = 'avisa';
			}else{
				x.parentNode.parentNode.className = 'avisa2';
			} 
		} 		
	} 	
}

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

shini    318

shini
Postado

se os checkboxs tem o mesmo nome vc pode fazer assim:

 

 

<html>
<head>
<script type="text/javascript">
function selecionarTodos(name){
    var itens = document.getElementsByName(name);
    var qtd = itens.length;
    for(i=0; i<qtd; i++){
        if(itens[i].checked){
            itens[i].checked = false;
            }else{
                itens[i].checked = true;
            }
    }
}

</script>
</head>
<body>
<form action="" method="post">
    Branco: <input type="checkbox" name="cores[]" value="branco"/><br>
    Azul<input type="checkbox" name="cores[]" value="azul"/><br>
    Amarelo<input type="checkbox" name="cores[]" value="amarelo"/><br>
    Verde<input type="checkbox" name="cores[]" value="verde"/><br>
    Vermelho<input type="checkbox" name="cores[]" value="vermelho"/><br>
    <input type="button" value="todos" onclick="selecionarTodos('cores[]');">
    <input type="submit">
</form>
</body>
</html>

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