Pessoal,
tenho uma tabela gerada usando um foreach
<div id="gridPDT">
<table class="list tbPDT" border="1" cellspacing="0" cellpadding="2" bordercolor="#638252" width="100%">
<tr class="tableHeader">
<td align="center" nowrap="nowrap" height="10px"></td>
<td align="center" nowrap="nowrap" height="10px"><bean:message key="msg.sequencialGridPDT.pdtStatus"/></td>
<td align="center" nowrap="nowrap" height="10px"><bean:message key="msg.sequencialGridPDT.num_atividade"/></td>
<td align="center" nowrap="nowrap" height="10px"><bean:message key="msg.sequencialGridPDT.cod_atividade"/></td>
<td align="center" nowrap="nowrap" height="10px"><bean:message key="msg.sequencialGridPDT.hora_apresentacao"/></td>
</tr>
<c:forEach items="${listaPDT}" var="pdt" varStatus="contador">
<c:if test="${contador.count % 2 == 0}">
<c:set var="class" value="tableEvenLine" />
</c:if>
<c:if test="${contador.count % 2 == 1}">
<c:set var="class" value="tableOddLine" />
</c:if>
<tr class="<c:out value="${class}"/>">
<td nowrap="nowrap" align="center">
<input type="checkbox" name="pdtSelecionado" value="<c:out value="${pdt.pk}"/>"/>
</td>
<td nowrap="nowrap" align="center">
<input type="checkbox" name="pdtStatus" id="<c:out value="${contador.count}"/>"/>
</td>
</tr>
</c:forEach>
</table>
</div>
Preciso de pegar a linha do checkbox selecionado e mudar a class dela.
Para fazer isso tentei usar Jquery:
$('input[name=pdtStatus]').click(function() {
$("#gridPDT tr").addClass("tableInactiveLine");
});
Mas o resultado é que ele esta colocando a classe na primeira linha da tabela e não na que contem o checkbox selecionado. Pensei na idéia de colocar o id na linha igual ao do checkbox e depois compará-lo mas não sei como fazer.
Alguém poderia me auxiliar nessa questão?