tengo una lista li con checkbox, lo que deseo es obtener los activos que están dentro del tr.
Asi esta mi html del td con el ul en un tr
<td class="options">
<div class="dropdown dropdown-options">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="true">
<i class="icon_plus_alt2"></i>
</a>
<div class="dropdown-menu">
<h5>Agregar extras</h5>
<ul class="clearfix ul_extras">
<li>
<label class="container_check"><span clas="nombre_extra">crema uno</span><small>+ $2.56</small>
<input type="checkbox" class="check_activo">
<span class="checkmark"></span>
</label>
</li>
<li>
<label class="container_check"><span clas="nombre_extra">Fresas</span><small>+ $0.50</small>
<input type="checkbox" class="check_activo">
<span class="checkmark"></span>
</label>
</li>
</ul>
<ul class="clearfix">
<li>
<label class="container-fluid">Ingrese cantidad<small></small>
<input type="text" value="1" name="options_1" class="cantidadProducto">
<span class="checkmark"></span>
</label>
</li>
</ul>
<a href="#0" class="btn_1">Añadir item</a>
</div>
</div>
Y mi javascript para obtener la información esta así
$(".dropdown-menu a.btn_1").on('click', function() {
var fila = $(this).parents("tr");
var valores = "";
var cantidad = fila.find(".cantidadProducto").val();
var nombre =fila.find(".nombre_producto").text();
var costo =fila.find(".costo_producto").text();
var idp =fila.find(".id_producto").text();
var ul = fila.find(".ul_extras");
var lis=fila.querySelectorAll(".ul_extras input[type=checkbox]:checked")
var formData = new FormData();
formData.append('nombre',nombre);
formData.append('cantidad',cantidad);
formData.append('costo',costo);
formData.append('id',idp);
formData.append('op','1');
$(this).closest(".dropdown-menu").prev().dropdown("toggle");
});
Espero sus comentarios, Gracias.