Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa tarde pessoal!
Tenho uma tabela montada da seguinte forma:
<table id='minhaTabela' cellspacing='0' summary='Tabela de funcionários'>
<caption>Tabela 01: Funcionários</caption>
<thead>
<tr>
<th scope='col' abbr='' class='thPrimeiraColuna'><input type='checkbox' id='todosCheckbox' /></th>
<th scope='col' abbr='Apelido' class='thOutrasColunas'>Apelido</th>
<th scope='col' abbr='Sobrenome' class='thOutrasColunas'>Sobrenome</th>
<th scope='col' abbr='Nome' class='thOutrasColunas'>Nome</th>
</tr>
</thead>
<tbody>
<tr class='linhaTipoA' id='1'>
<td class='colunaCheckBox'><input type='checkbox' id='1' class='celulaCheckBox' /></td>
<td class='colunaApelido'>José</td>
<td class='colunaSobrenome'>da Silva</td>
<td class='colunaNome'>José</td>
</tr>
<tr class='linhaTipoB' id='2'>
<td class='colunaCheckBox'><input type='checkbox' id='2' class='celulaCheckBox' /></td>
<td class='colunaApelido'>André</td>
<td class='colunaSobrenome'>Gonçalves</td>
<td class='colunaNome'>André</td>
</tr>
...
</tbody>
</table>
E tenho o seguinte código jquery que faz a linha da tabela ficar selecionada quando clico em qualquer área dela:
$('table tbody tr').live('click', function() {
var status = $(this).find('td').find('input').attr('checked');
if (status)
$(this).find('td').find('input').attr('checked', false);
else
$(this).find('td').find('input').attr('checked', true);
var classeExiste = $(this).hasClass('linhaSelecionada2');
if (! classeExiste)
$(this).addClass('linhaSelecionada2');
else
$(this).removeClass('linhaSelecionada2');
});
Só que, ao invés do usuário poder clicar em qualquer lugar da linha para selecioná-la, gostaria de modificar o script para selecionar toda a linha apenas quando ele clicar no checkbox.
Como posso fazer isso? Obrigado.
Carregando comentários...