Estoy tratando de agregar casillas de verificación a una tabla usando Javascript y luego eliminarlas de las columnas de totales (que tienen la clase "kn-table-totals"). Sin embargo, mi código elimina todas las casillas de verificación. Tengo una tabla que muestra algunos datos y totaliza los valores en la parte inferior. Me gustaría las casillas de verificación al comienzo de cada conjunto de datos, pero no en las columnas de totales. Vea el violín a continuación. Aquí está mi código:
$('#' + view.key + '.kn-table tbody tr').each(function() { $(this).prepend('<td><input type="checkbox"></td>'); }); $('#' + view.key + '.kn-table tbody tr.kn-table-totals td input').each(function() { $(this).remove() }Aquí está una de las casillas de verificación a las que intento apuntar:
<tr class="kn-table-totals"> <td style="background-color: rgb(238, 238, 238); border-top: 1px solid rgb(218, 218, 218); text-align: right;"> <strong>Totals - <input type="checkbox"> </strong> </td>El código completo está aquí: https://jsfiddle.net/rainybird/50wya2k7/1/
¡Cualquier ayuda sería apreciada!
Tendrá que verificar el identificador único, por ejemplo. checkbox value de verificación o id .
Ejemplo:
Usando el valor <input type="checkbox" value="value1">
$(`#${view.key}.kn-table tbody tr.kn-table-totals td input[value='value1']`).remove(); Usando identificación <input type="checkbox" id="uniqueId">
$(`#${view.key}.kn-table tbody tr.kn-table-totals td input#uniqueId`).remove();Sin embargo, mi código elimina todas las casillas de verificación
No, no se elimina nada. Las casillas de verificación nunca se agregarán. Esto se debe a que tiene un error tipográfico en su código. Falta el corchete de cierre .each() ) .
Cambio
$('#' + view.key + '.kn-table tbody tr.kn-table-totals td input').each(function() { $(this).remove() }A esto en cambio
$('#' + view.key + '.kn-table tbody tr.kn-table-totals td input').each(function() { $(this).remove() })