0

Eu vou listar vários produtos e em cada terá um checkbox para selecionar quais ele quer. O problema é que eu não estou conseguindo fazer o $.each() para pegar apenas os produtos selecionados e depois inseri-los no banco.

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>
3
  • Não pode usar json_encode()?
    – rray
    Commented 29/11/2017 às 16:13
  • presta atenção nessa linha, você não escapou as aspas simples do check[]: var checkbox = $('input:checkbox[name='check[]']:checked'); Commented 29/11/2017 às 16:14
  • @rray como seria implentado isso ? Commented 29/11/2017 às 16:29

2 Respostas 2

0

Experimente com a função serialize:

var params = $('input:checkbox').serialize();
0

Na linha

var checkbox = $('input:checkbox[name='check[]']:checked');

o correto seria:

var checkbox = $('input:checkbox[name="check[]"]:checked');

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .