[Resolvido] Função Sinistra em Javascript II
É uma tabela de clientes, o usuário vai selecionar um cliente e poderá Visualizar, Alterar, Excluir, Editar
Mas o que eu preciso mesmo é de uma função Javascript que quando clique na Tr selecione o Radio Button da Tr e mude a classe para linhaselecionada
Caso o usuário clique em outra Tr a Tr antiga deverá voltar ao seu estado normal
Um carinha tinha feito isso para mim antes mas agora que eu coloquei o efeito zebra em CSS3 o código não funciona corretamente
Galera aqui está o código da tabela para facilitar:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<title>Função Sinistra II</title>
<style type="text/css">*{margin:0;padding:0;text-decoration:none;font-family:Tahoma, Geneva, sans-serif;}
table{border-spacing:0;width:100%;font-size:14px;}
table tr{background:#A8DCFF;height:20px;}
table tr td{padding:6px;}
tr:nth-child(2n+1){background:#EEE;}
table tr:first-of-type{background:#000;color:#FFF;}
table tr td:last-of-type{padding:0;width:25px;}
tr:not(:first-of-type):hover{background:#696;color:#FFF;cursor:pointer}
.linhaselecionada{background:#F90;color:#FFF;}
</style>
</head>
<body>
<table>
<tr>
<td>Nome</td>
<td>Telefone</td>
<td>Celular</td>
<td>E-mail</td>
<td></td>
</tr>
<tr id='ln-1'>
<td>Cliente 1</td>
<td>Telefone 1</td>
<td>Celular 1</td>
<td>Email 1</td>
<td><input type='radio' id='rb-1' name="line" value='1'/></td>
</tr>
<tr id='ln-2'>
<td>Cliente 2</td>
<td>Telefone 2</td>
<td>Celular 2</td>
<td>Email 2</td>
<td><input type='radio' id='rb-2' name="line" value='2'/></td>
</tr>
<tr id='ln-3'>
<td>Cliente 3</td>
<td>Telefone 3</td>
<td>Celular 3</td>
<td>Email 3</td>
<td><input type='radio' id='rb-3' name="line" value='3'/></td>
</tr>
<tr id='ln-4'>
<td>Cliente 4</td>
<td>Telefone 4</td>
<td>Celular 4</td>
<td>Email 4</td>
<td><input type='radio' id='rb-4' name="line" value='4'/></td>
</tr>
</table>
</body>
</html>Discussão (10)
Carregando comentários...