problemas com checkbox

[Cardon]

Bom galera.

Apesar de checkbox ser um assunto meio cansativo, venho tendo problemas com umas ai.

Estou preparando uma lista para mostrar os dados de um banco de dados, tudo gerado por php.

E nessa lista devo fazer uma checkbox para marcar quais campos devem ser excluidos dessa tal lista.

Até ai tudo bem, aqui vai o código do php:// código apenas para mostrar a contrução. Minha dúvida é no JS

<?
$res = mysql_query(" SELECT * FROM grupos");
while($escrever=mysql_fetch_array($res)){
    echo "
<tr id='".$escrever['codGrupo']."' onMouseOver=java script:mouseOver(this); onMouseOut=java script:mouseOut(this); onClick=java script:mouseClick(this);>
    <td align='center'>".$escrever['codGrupo']."</td><td align='left'>".$escrever['nomeGrupo']."</td><td align='center'>
    
<input type='checkbox' id='".$escrever['codGrupo']."' name='linhas[]' value='".$escrever['codGrupo']."'/>
    
    </td><td align='center'><a href='index.php?pag=editargrupos&codGrupo=".$escrever['codGrupo']."'><img src='imgs/icones_tableas/bot_editar.png' border='0'></a></td><td align='center'><a href='sistema/excluirgrupos.php?linhas[]=".$escrever['codGrupo']."'><img src='imgs/icones_tableas/bot_excluir.png' border='0'></a></td></tr>";
}
?>

Não estou tendo problemas no php, podem ver que as linhas da tabela e seus respectivos conteudos estão sendo gerados corretamente, até mesmo as checkbox. Observem também que existe uma função javascript para a linha <tr> Código JS:

<script>


function mouseOver(obj){
    coco = obj.getElementsByTagName('input')[0];
    if(coco.checked != true){
    obj.style.backgroundColor = "#f1f1f1";
}
}
function mouseOut(obj){
        coco = obj.getElementsByTagName('input')[0];
    if(coco.checked != true){
obj.style.backgroundColor = "";    
}
}
function mouseClick(obj){
coco = obj.getElementsByTagName('input')[0];


if(coco.checked == true){
    obj.style.backgroundColor = "";    
    coco.checked = false;
    
}else{
obj.style.backgroundColor = "#dcf0ff";    
coco.checked = true;

}
}
function check(){
    
     for(i = 0; i < document.forms[0].elements.length; i++){
         document.forms[0].elements[i].checked = true;
        }
        document.getElementById("checkAll").parentNode.innerHTML = "<a href='#' id='checkAll' onclick=java script:unCheck()>Selecionar</a>"
        }
function unCheck(){
    
     for(i = 0; i < document.forms[0].elements.length; i++){
         document.forms[0].elements[i].checked = false;
        }
        document.getElementById("checkAll").parentNode.innerHTML = "<a href='#' id='checkAll' onclick=java script:check()>Selecionar</a>"
}

</script>

Esse código é para mudar a cor da <tr> ao passar o mouse em cima ou clicar nela, também para checar e deschcar a checkbox ao clicar na linha <tr>. Até ai tudo tranqüilo. O problema é que não esta funcionando a parte básica da checkbox, ou seja, clicando em cima dela, não consigo checa-la, apenas funciona clicando em cima da linha <tr> Isso acontece por que quando clico na checkbox ela checa normalmente, porém clicando nela estou clicando na <tr> também, que esta sobre a ação do JS que verifica se a checkbox esta checada ou não.

if(coco.checked == true){
    obj.style.backgroundColor = "";    
    coco.checked = false;
    
}else{
obj.style.backgroundColor = "#dcf0ff";    
coco.checked = true;

}

Como resolver esse problema?

desde já agradeço.

[Cardon]

Pô gente

12 visualizações e ninguém posta nada.

To com esse problema, alguém ai me ajude please.