I'll list several products and each will have a checkbox
to select which ones it wants. The problem is that I am not able to do $.each()
to just pick the selected products and then insert them into the database.
jQuery:
$(document).on("click", ".uib_w_7", function(evt)
{
$.ajax({
type:"get",
url: "http://localhost:8080/app-banco/funcao.php",
data:"acao=listarprodutos",
dataType:"json",
success: function(data){
var checkbox = $('input:checkbox[name='check[]']:checked');
if(checkbox.length > 0){
//array para armazenar os valores
var val = [];
//função each para pegar os selecionados
checkbox.each(function(){
val.push($(this).val());
});
//exibe no console o array com os valores selecionados
console.log(val);
}
});
});
activate_subpage("#listar");
});
PHP:
if($acao == "listarpedidos"){
$query = "select * from tb_pedidos INNER JOIN select * tb_pedido_produto * tb_pedido_produto.cd_categoria = tb_produto.id_categoria ";
$result = mysqli_query($conexao, $query);
if($result){
$blnFimReg = false;
$json = "{ \"registro\" : [ ";
while($linha = mysqli_fetch_assoc($result)){
if($blnFimReg){
$json.=", ";
}
$json .= "{\"cliente\" : \"" . $linha["nm_cliente"] . "\",";
$json .= "\"mesa\" : \"" . $linha["nr_mesa"] . "\",";
$json .= "\"codigo\" : \"" . $linha["cd_pedido_produto"] . "\",";
$json .= "\"nome\" : \"" . $linha["nm_pedido_produto"] . "\",";
$json .= "\"valor\" : \"" . $linha["vl_pedido_produto"] . "\",";
$json .= "\"quantidade\" : \"" . $linha["qt_produto"] . "\"}";
$blnFimReg = true;
}
$json .= '] }';
echo $json;
}
}
HTML:
<div class="upage hidden background" id="produtos">
<div class="upage-outer">
<div class="container">
<div class="panel-group">
<div class="panel panel-default">
<div class="panel-heading" id="lstcategoria">
<h5 class="panel-title">
</h5>
</div>
<div id="collapse1" class="panel-collapse collapse">
<ul class="list-group">
<div class="panel-group">
<div class="panel panel-default">
<div class="panel-heading" id="lstsubcategoria">
<h4 class="panel-title">
</h4>
</div>
<div id="collapse2" class="panel-collapse collapse">
<ul class="list-group" id="lstprodutos">
</ul>
</div>
</div>
</div>