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();
		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);
		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
		$('input[type="checkbox"]').click(
			function(){
				if($(this).prop("checked") == true) {
	                var id;
	                id = parseInt($(this).attr('id'));
	                console.log(id);
	            }
	        }
	    );
	}
}
```

Muchas gracias.