Problema Tengo una tabla en ajax que me itera toda la información que necesito.Cuando hago click en un checkbox parece que no hace uso de una función que le tengo asignada, pero cuando pongo el mismo checkbox fuera de la tabla si hace uso de la función.
ACLARAR la tabla me itera la info bien, y otras funciones sobre la tabla me funcionan bien, el problema son en los checkboxs
Body de la tabla JS
let form = $("#multi-filters");
$.ajax(
{
type: "POST",
url: "../../Modelo/Filter.php",
data: form.serialize(),
success: function (data) {
$("#filters-result").html("");
$.each(JSON.parse(data), function (key, User) {
let row = "" +
"<tr>" +
// "<td>"+key+"</td> " +
"<td> <input name='checks[]' type='checkbox' value=" + key + " class='chk-box'/></td>" +
"<td>" + User.Nombre + " " + User.Apellido + "</td> " +
"<td>" + User.NombreEntidad + "</td> " +
"<td>" + User.NombreActividad + "</td> " +
"<td>" + User.NombreOrg + "</td> " +
"<td> <center><button id='Eliminar' class='btn btn-danger' onclick='Delete(" + key + ")' ><i class='fas fa-minus-circle'></i></button> <button id='Edit' class='btn btn-secondary' onclick='Edit(" + key + ")' ><i class='fas fa-edit'></i></button></center></td>"+
"</tr>";
$("#filters-result").append(row);
});
}
}
)
}
Funcion para el checkbox
$('document').ready(function () {
$(".select-all").click(function () {
$('.chk-box').attr('checked', this.checked)
});
$(".chk-box").click(function () {
if ($(".chk-box").length == $(".chk-box:checked").length) {
$(".select-all").attr("checked", "checked");
}
else {
$(".select-all").removeAttr("checked");
}
});
});
$('document').ready(function () {
// $('[name="checks[]"]').change(function () {
// var arr = $('[name="checks[]"]:checked').map(function () {
$('[name="checks[]"]').change(function () {
var arr = $('[name="checks[]"]:checked').map(function () {
return this.value;
}).get();
var str = arr.join(',');
var Number=(arr.length);
$('.NumeroCorreos').addClass('vistaNum').removeClass('NumeroCorreos');
$('#numeroCorreos').text(Number);
document.getElementById("Number").value = Number;
document.getElementById("entrar").value = str;
}
);
});
Lo que hace las funciones es cuando le doy click a algún checkbox me guarda el valor del mismo y me suma el numero total de checkbox seleccionados.
he intentado de varias formas solucionarlo pero no doy con la solucion,si alguien me puede echar una mano estaría muy agradecido ...
USO
JQUERY, AJAX Y JAVASCRIPT
async: false
, coloca el checkbox dentro y verifica si te funciona ahora.