estou com dificuldades pra resolver esta situação. Tenho em minha tabela uma lista com radio button, acontece que ao selecionar uma opção, ele funciona perfeitamente colorindo o Background do td, mas quando seleciono a segunda opção ele também seleciona o Background de outro td tendo 2 opções coloridas sendo que está selecionado só um radio button, simulando um checkbox que não é o meu caso. Se puderem me ajudar, ficarei muito agradecido. Obrigado!
$(document).ready(function(){
$('.table tr').click(function(){
$trClass = $(this).attr('class');
if ($trClass == undefined || $trClass == 'desclicado'){
$(this).attr('class', 'clicado');
} else {
$(this).attr('class', 'desclicado');
}
});
});
.clicado{background: #000; color:#fff;}
.desclicado{background: #fff; color: #000;}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<table>
<thead>
<tr>
<th>#</th>
<th>Nome</th>
</tr>
</thead>
<tbody>
<tr>
<td><input id="id_bairro" name="id_bairro" value="1" type="radio"/>01</td>
<td>teste 01</td>
</tr>
<tr>
<td><input id="id_bairro" name="id_bairro" value="2" type="radio"/>01</td>
<td>teste 02</td>
</tr>
</tbody>
</table>