Função com CheckBox
Bom Dia. Essa semana estou criando tópico de JS que é uma beleza.
Tenho 3 funções:
1° - Quando passo o mouse em cima da linha ela muda de cor, caso ela ainda não esteja checada.
function mudacorlinha(id, el, x){
if(el == '1')
document.getElementById(id).style.backgroundColor = '#F7F7F7';
else
{
if(document.getElementById(x).checked != true)
document.getElementById(id).style.backgroundColor = '#FFFFFF';
}
}
2° - Se eu clico no CheckBox a linha inteiro muda de cor.
function mudacor(id, linha)
{
if(document.getElementById(id).checked == true)
document.getElementById(linha).style.backgroundColor = '#F7F7F7';
else
document.getElementById(linha).style.backgroundColor = '#FFFFFF';
}
3° - Se eu clico na linha o CheckBox é checado também.
function checar(check, linha)
{
if(document.getElementById(check).checked != true)
{
document.getElementById(check).checked = true;
document.getElementById(linha).style.backgroundColor = '#F7F7F7';
}
else
{
document.getElementById(check).checked = false;
document.getElementById(linha).style.backgroundColor = '#FFFFFF';
}
}
A primeira função pode descartar, ela não está atrapalhando em nada.
Está acontecendo o seguinte: Se eu clico na linha funciona, o CheckBox é selecionado, a linha muda de cor e boa.
Agora se eu clico no CheckBox, não funciona nada. Nem muda de cor e o CheckBox nem é selecionado. Acho que porquê o CheckBox está na linha e eu estou usando uma função para a linha.
Porém, não estou conseguindo resolver essa questão.
Discussão (6)
Carregando comentários...