Tengo dos columnas con checkboxs que se crean al vincular los registros de una tabla SQL, como id de los checkboxs les asigno el id del registro para identificarlos de manera mas individual, lo que estoy haciendo es validar que solo un checkbox de las dos columnas este activado (o "chequeado") para cada fila, ya tengo el funcionamiento para que solo uno de los checkboxs este activado, pero como puedo hacerlo para que funcione para cada fila si los checkboxs son dinámicos?
JS
$(document).ready(function () {
$('.chkAutoriza').change(function () {
if ($(this).prop('checked')) {
$('.chkRechaza').prop('checked', false);
}
});
$('.chkRechaza').change(function () {
if ($(this).prop('checked')) {
$('.chkAutoriza').prop('checked', false);
}
});
});
<div class="jumbotron" style="font-size:small">
<table class="table responsive shopex-table table-hover no-margin">
<thead>
<tr>
<th>Id Pago</th>
<th style="display:none">Id Cliente</th>
<th>Nombre cliente</th>
<th>Monto</th>
<th>Monto en Dólares</th>
<th>% comisión cliente</th>
<th>% comisión a pagar</th>
<th>Autorización</th>
<th>Rechazo</th>
<th>Comentario Rechazo</th>
<th>Fecha</th>
</tr>
</thead>
<tbody>
@foreach (var item in noAutorizados)
{
double montoDolares = Convert.ToDouble(item.Pagos.Monto) * 13.25;
decimal comisionPagar = Convert.ToInt32(item.Cliente.Comision) * item.Pagos.Monto;
<tr>
<td class="idPago">
@item.Pagos.IdPago
</td>
<td class="vcenter" style="display:none">
@item.Pagos.IdCliente
</td>
<td class="vcenter">
@item.Cliente.Nombre
</td>
<td class="vcenter">
@string.Format("{0:n}", item.Pagos.Monto)
</td>
<td class="vcenter">
@string.Format("{0:n}", montoDolares)
</td>
<td class="vcenter">
@item.Cliente.Comision
</td>
<td class="vcenter">
@string.Format("{0:n}", comisionPagar)
</td>
<td style="text-align:center">
@Html.CheckBox("chkAutoriza", false, htmlAttributes: new { @class = "chkAutoriza", id = "chkAutoriza" + item.Pagos.IdPago })
</td>
<td style="text-align:center">
@Html.CheckBox("chkRechaza", false, htmlAttributes: new { @class = "chkRechaza", id = "chkRechaza" + item.Pagos.IdPago })
</td>
<td class="vcenter">
@Html.TextBox("StudentName", null, new { @class = "form-control txtComentario", id = "txtComentario" + item.Pagos.IdPago })
</td>
<td id="[email protected]">
@item.Pagos.Fecha.ToString("dd/MM/yyyy")
</td>
<td class="vcenter text-right"></td>
</tr>
}
</tbody>
</table>
<button class="btn btn-success" id="btnGuardar">Autorizar</button>
</div>