Ir para conteúdo

POWERED BY:

Arquivado

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

GnomO!

checkbox não altera cor de fundo

Por , em Javascript

Recommended Posts

GnomO!    0

GnomO!
Postado

e ae galera...

Fiz uma função que quando seleciona a checkbox a cor da <tr> muda.. só que quando clico no checkbox para selecionar todos as checkbox não alteram o fundo da <tr>.

 

Segue Código

 

<html><head><script>function checado() {if(document.getElementById('teste').checked == true) {   for (i=0;i<document.f1.elements.length;i++) {	  if(document.f1.elements[i].type == "checkbox") {		 document.f1.elements[i].checked=1	  }   } } else {   for (i=0;i<document.f1.elements.length;i++) {	  if(document.f1.elements[i].type == "checkbox") {		 document.f1.elements[i].checked=0	  }   }}}function bgCheck(c,tr) {	if(document.getElementById(c).checked == true) {		document.getElementById(tr).style.background='#CCCCCC';	} else {		document.getElementById(tr).style.background='#FFFFFF';	}	}</script></head><body><form name="f1"><input type="checkbox" name="teste" id="teste" onclick="java script:checado();"> Selecionar todos<br><br><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr id="td1"><td><input type="checkbox" name="ch1" onclick="bgCheck('ch1','td1');" id="ch1"> Opcao 1</td><td>aaaaaaa</td></tr><tr id="td2"><td><input type="checkbox" name="ch2" onclick="bgCheck('ch2','td2');" id="ch2"> Opcao 2</td><td>aaaaaaa</td></tr><tr id="td3"><td><input type="checkbox" name="ch3" onclick="bgCheck('ch3','td3');" id="ch3"> Opcao 3</td><td>aaaaaaa</td></tr><tr id="td4"><td><input type="checkbox" name="ch4" onclick="bgCheck('ch4','td4');" id="ch4"> Opcao 4</td><td>aaaaaaa</td></tr></table></form></body></html>

Desde já agradeço..

Compartilhar este post

Link para o post
Compartilhar em outros sites

Megadeth    2

Megadeth
Postado

o problema tá aqui:

<input type="checkbox" name="teste" id="teste" onclick="java script:checado();">
muda para

<input type="checkbox" name="teste" id="teste" onclick="checado();">
sem o java script.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Megadeth    2

Megadeth
Postado

Vou te sugerir uma solução coloca um id na tabela:

<table border="0" cellpadding="0" cellspacing="0" width="100%" id="tabela">
no javascript coloca assim:

function checado() {if(document.getElementById('teste').checked == true) {   for (i=0;i<document.f1.elements.length;i++) {	  if(document.f1.elements[i].type == "checkbox") 	  {		 document.f1.elements[i].checked=1		 document.getElementById('tabela').style.background='#CCCCCC';	  }   }} else {   for (i=0;i<document.f1.elements.length;i++) {	  if(document.f1.elements[i].type == "checkbox") {		 document.f1.elements[i].checked=0		 document.getElementById('tabela').style.background='#FFFFFF';	  }   }}}function bgCheck(c,tr) {	if(document.getElementById(c).checked == true) {		document.getElementById(tr).style.background='#CCCCCC';	} else {		document.getElementById(tr).style.background='#FFFFFF';	}	}
agora vai.

Compartilhar este post

Link para o post
Compartilhar em outros sites

GnomO!    0

GnomO!
Postado

Beleza cara funcionou...

Mas tem um porem... Quando eu seleciono um checkbox e depois eu clico em selecionar todos todos ficam com o fundo cinza, até ai beleza... mais depois q desmarco a checkbox selecionar todos o checkbox que eu cliquei anteriomente fica cinza ainda..

 

veja: http://www.foxmdesigner.com.br/checkbox.html

 

Tinha que fazer um comando que ao desmarcar a checkbox a tabela fica com o fundo branco e as tr's tbm...

 

Grato;

Compartilhar este post

Link para o post
Compartilhar em outros sites

Megadeth    2

Megadeth
Postado

nova solução:

function checado() {if(document.getElementById('teste').checked == true) {   for (i=0;i<document.f1.elements.length;i++) {	  if(document.f1.elements[i].type == "checkbox") 	  {		   td = i+1;		 tr = 'td'+td		 document.f1.elements[i].checked=1		 document.getElementById(tr).style.background='#CCCCCC';	  }   }} else {   for (i=0;i<document.f1.elements.length;i++) {	  if(document.f1.elements[i].type == "checkbox") {		   td = i+1;		 tr = 'td'+td		 document.f1.elements[i].checked=0		 document.getElementById(tr).style.background='#FFFFFF';	  }   }}}function bgCheck(c,tr) {	if(document.getElementById(c).checked == true) {		document.getElementById(tr).style.background='#CCCCCC';	} else {		document.getElementById(tr).style.background='#FFFFFF';	}	}
testa ai tira o id da tabela.

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