estoy creando 3 tablas en html, la una depende de la otra, coloque un checkbox donde se selecciona la boleta, quisiera al interior de la function del .click(), que reciba los valores de data previos, para poder manejarlos, además tengo otra duda cuando realizo el .click, quisiera cambiar al input de esta forma $('input[type="checkbox" name="boleta"]')
, pero me sale un error, capaz que no sea la síntaxis correcta.
function mostrarBoleta(data){
//console.log(data);
if (data == "No existe cliente."){
hide_table()
$("#error_msg").html("<br><br>"+data);
}
else{
$("#error_msg").html("");
$( "#myData" ).show();
//primera tabla Datos Cliente
var rut_p = $("#rut_p");
var nombre_cliente = $("#nombre_cliente");
var direccion = $("#direccion");
rut_p.html(data.rut);
nombre_cliente.html(data.nombre_cl);
direccion.html(data.direccion);
//Segunda tabla Boletas
var content = "";
for(let i = 0; i < data.boletas.length; i++){
content += "<tr><td><input id=\""+i+"\" type=\"checkbox\" name=\"boleta\" >"+"</td>";
content += "<td>" + data.boletas[i].num_boleta + "</td>";
//Probablemente se puede optimizar
var fecha_obtenida = new Date(data.boletas[i].created_at);
var dia = fecha_obtenida.getDate();
var mes = fecha_obtenida.getMonth()+1;
var annio = fecha_obtenida.getFullYear();
//--------------------------------------------------
content += "<td>" + dia+"/"+mes+"/"+annio + "</td>";
content += "<td>" + data.boletas[i].total + "</td>";
content += "</tr>";
}
$( "#table_checkbox").find( "tbody" ).html(content);
/*selección de boleta para rellenar la tercera tabla una vez que haya sido elegida*/
$('input[type="checkbox"][name="boleta"]').click(
function(){
if($(this).prop("checked") == true) {
var id;
id = parseInt($(this).attr('id'));
//creo que deberia rellenarla aca
console.log(id);
}
}
);
}
}
//Muchas gracias.