Alterar a cor de fundo da tabela, se o checkbox estiver checado.

[newDev 0]

Boa tarde pessoal, Gostaria de saber como que eu poderia fazer, para quando alguem selecionar um checkbox, a tabela do respectivo box mudar de cor, de branco para azul por exemplo...Aqui está está a parte do checkbox no html:

<tr><td width="32" align="center" bgcolor="#FFFFFF"><input type="checkbox" name="itens" value="1" onClick="checado(????);" /></td><td width="66" height="24" align="center" bgcolor="#FFFFFF"><span class="style9">001</span></td><td width="394" align="center" bgcolor="#FFFFFF"><table width="98%" border="0" cellspacing="0" cellpadding="0"><tr><td align="left"><span class="style9" id="count">Produto 1</span></td></tr></table></td><td width="82" align="center" bgcolor="#FFFFFF">R$ 0,00</td></tr><tr><td width="32" align="center" bgcolor="#FFFFFF"><input type="checkbox" name="itens" value="2" onClick="checado(????);" /></td><td width="66" height="24" align="center" bgcolor="#FFFFFF"><span class="style9">002</span></td><td width="394" align="center" bgcolor="#FFFFFF"><table width="98%" border="0" cellspacing="0" cellpadding="0"><tr><td align="left"><span class="style9" id="count">Produto 2</span></td></tr></table></td><td width="82" align="center" bgcolor="#FFFFFF">R$ 0,00</td></tr>

Grato desde já! ^_^

[Tiago Cardoso 1]

uso:

 

if(document.getElementById("id_do_checkbox").checked == true){document.getElementById("id_da_tabela").style = "nova_classe_CSS";}

CSS:

 

.classe{background-color: AZUL;}

PS: Tabelas servem para trazer elementos tabulados e não layout de páginas, recomendo dar uma "olhada" em CSS, ok?

[newDev 0]

Obrigado Tiago, agora só mais uma coisinha..

<script language="JavaScript">function checado(id){if(document.getElementById("id").checked == true){document.getElementById("id").style = "classe";}}</script>

Não estou conseguindo enviar um valor quando chamo a função...

onClick="checado('2');"

Como que faço pra que na função ele receba o valor que vai junto quando chama a função? :huh:Thx

[Tiago Cardoso 1]

Ué ela não tá recebendo o 2 não? tem que tá...Você que tá errando a função, pois o "id" é do checkbox ou da tabela? você está usando para os dois...Olha bem o cod que te passei, tá?

[newDev 0]

<table id="11226" width="581" border="0" cellpadding="0" cellspacing="0" class="tbl"> <tr> <td width="32" align="center" bgcolor="#FFFFFF"><input type="checkbox" name="itens" value="11226" id="11226" onClick="checado('11226');" /></td> <td width="66" height="24" align="center" bgcolor="#FFFFFF"><span class="style9">11226</span></td> <td width="394" align="center" bgcolor="#FFFFFF"> <table width="98%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left"><span class="style9">Nome do produto</span></td> </tr> </table> </td> <td width="82" align="center" bgcolor="#FFFFFF"><span class="style9">R$ 0,10</span></td> </tr> <tr> <td height="1" align="center" bgcolor="#DEDEDE"></td> <td height="1" align="center" bgcolor="#DEDEDE"></td> <td height="1" align="center" bgcolor="#DEDEDE"></td> <td height="1" align="center" bgcolor="#DEDEDE"></td> </tr> </table> <table id="13338" width="581" border="0" cellpadding="0" cellspacing="0" class="tbl"> <tr> <td width="32" align="center" bgcolor="#FFFFFF"><input type="checkbox" name="itens" value="13338" id="13338" onClick="checado('13338');" /></td> <td width="66" height="24" align="center" bgcolor="#FFFFFF"><span class="style9">13338</span></td> <td width="394" align="center" bgcolor="#FFFFFF"> <table width="98%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left"><span class="style9">Nome do produto</span></td> </tr> </table> </td> <td width="82" align="center" bgcolor="#FFFFFF"><span class="style9">R$ 0,20</span></td> </tr> <tr> <td height="1" align="center" bgcolor="#DEDEDE"></td> <td height="1" align="center" bgcolor="#DEDEDE"></td> <td height="1" align="center" bgcolor="#DEDEDE"></td> <td height="1" align="center" bgcolor="#DEDEDE"></td> </tr> </table>

http://forum.imasters.com.br/public/style_emoticons/default/ermm.gif

[Tiago Cardoso 1]

Eai...Cara aqui não é fórum de HTML, pois foi o que você postou acima...Meu amigo você tem que ter id para a tabela e id para o checkbox no click do checkbox chama uma função e ela muda a classe da tabela para você...Agora não espere que faça isso para você, né?hehehePense do jeito que lhe disse e acho que vai...

[newDev 0]

Cara aqui não é fórum de HTML, pois foi o que você postou acima...

"Você que tá errando a função, pois o "id" é do checkbox ou da tabela? você está usando para os dois..." ... eu apenas estava te mostrando o html como ficou, pois não conseguia enviar os valores para dentro da função, mas já que estou errado, peço desculpas :mellow:... ById("id").checked ...Removi as aspas "" do id, e ele pegou o valor certinho.Obrigado, e mais uma vez desculpa por ter colocado conteúdo inapropriado dentro deste tópico. http://forum.imasters.com.br/public/style_emoticons/default/closedeyes.gif