如何选择复选框并填充除JSON,jQuery之外的表?

时间:2018-10-01 01:51:42

标签: jquery json

晚安,我的看法如下: enter image description here

切换到另一个视图时,将生成下一步生成的内容

{
   "titulo":"Todos los checkbox",
   "checkbox":[
      {
         "identificador":"168511",
         "productos_checkbox":[
            {
               "codCupon":"168511",
               "codigo":"30909",
               "precio":"48.3",
               "cantidad":1,
               "idPedido":"28172",
               "tipocosto":"0",
               "volumennegocio":"43.125",
               "cod_cliente":"G136501",
               "tipo_cliente":"1",
               "tipo_seleccion":1
            }
         ]
      },
      {
         "identificador":"171778",
         "productos_checkbox":[
            {
               "codCupon":"171778",
               "codigo":"23853",
               "precio":"384.3",
               "cantidad":1,
               "idPedido":"28172",
               "tipocosto":"0",
               "volumennegocio":"343.125",
               "cod_cliente":"G136501",
               "tipo_cliente":"1",
               "tipo_seleccion":4
            }
         ]
      }
   ]
}

换句话说,就是选定的复选框和它们各自的产品。以这种方式,当我想返回到该视图时,必须再次填充值,但是这次使用JSON,即JSON,我将其保留在localStorage中,也就是说在这里我只能得到它。 >

我该怎么做?,有些想法。

我第一次进入视图时,会以这种方式动态生成表:

var cupones_bienvenida_todos = $('.cupones_bienvenida_todos');
                        var tipoCupon ='';

                        $.each(response.data, function (i) {
                            if (response.data[i].Tipo_cupon == 1){
                                tipoCupon = "Cupón de 60%";
                            }
                            else if(response.data[i].Tipo_cupon == 1){
                                tipoCupon = "Cupón de 80%";
                            }
                            else{
                                tipoCupon = "Cupón de 100%";
                            }


                              $('<tr class="cupones"/>')
                                    .append($('<td/>').addClass('nuevo-td')
                                        .append($('<label/>').addClass('label-radio item-content').text(response.data[i].Cod_Cliente +" - "+response.data[i].Nombre)))
                                    .append($('<td/>').addClass('label-cell nuevo-td').text(tipoCupon))
                                    .append('<div class="cod_cupon" style="display:none">' + response.data[i].Identificador + '</div>')
                                    .append($('<td/>').addClass('label-cell nuevo-td')
                                                .append($('<label/>').addClass('label-checkbox item-content')
                                                            .append('<input type="checkbox" name="cupon_check" class="cupon_check" value="' + response.data[i].Identificador + '"/>')
                                                            .append($('<span/>').addClass('item-media').append('<i class="icon icon-form-checkbox"></i>'))))
                                    .appendTo(cupones_bienvenida_todos);
                                 if (cantidad_llaves === 0) {
                                    $('.cupon_check').prop('disabled', true)
                                }
                            });

注意:必须考虑到,当我返回视图时,某些时候可用的优惠券表可以返回更多的优惠券,因此表中将生成更多的记录,但是必须填充JSON中的记录

并使用此功能构建您选择的产品表

function productosSeleccionados(){
    $(".lista_productos_seleccionado > tr").remove();
            var lista_productos_seleccionado = $('.lista_productos_seleccionado');

            if (productos_seleccionados.length === 0){
               //$('.cupones_bienvenida_todos .cupon_check').attr('disabled', true);
               cantidad_cuponseleccionado = 0;
               localStorage.setItem("Cupones_Selecionados", cantidad_cuponseleccionado);

            }
            else{
                cantidad_cuponseleccionado = 1;
                localStorage.setItem("Cupones_Selecionados", cantidad_cuponseleccionado);
            }

            $.each(productos_seleccionados, function(i){
                $('<tr/>')
                    .append($('<td/>').addClass('label-cell nuevo-td').text(productos_seleccionados[i].codigo))
                    .append($('<td/>').addClass('label-cell nuevo-td').text(productos_seleccionados[i].precio))
                    .append($('<td/>').addClass('label-cell nuevo-td').text(productos_seleccionados[i].cantidad))
                .appendTo(lista_productos_seleccionado);
            });
         }

非常感谢您。

0 个答案:

没有答案