1

Tenho um formulario que me mostra uma lista vinda do banco em forma de checkbox. Como conseguir identificar quais itens da lista foram marcados no salvar? Carrego assim:

function CarregaSaida() {
    $.ajax({
        url: "/Qualidade/Entidade/CarregaEntidade",
        //data: { representante: representante },
        async: false,
        success: function (data) {
            $("#divSaidas").empty();
            $.each(data, function (i, element) {

            $('#divSaidas').append('<input type="checkbox" name="descricao" id="' + element.Id + '" />' + element.Descricao + '<br/>');

            });

        }
    });
}

html :

<div class="form-group">
   <label class="col-md-2 control-label">Saída</label>
       <div class="col-md-10">
           <div class="mt-checkbox-inline" id="divSaidas"></div>
            <span class="label label-danger" id="errosaida"></span>
        </div>
 </div>

Resultado:

inserir a descrição da imagem aqui

para salvar:

function Post(){
var dados = $("Form").serialize();
//var confirmationValue = null; //Essa variavel é apenas de teste, pra guardar temporariamente o retorno da requisição

      jQuery.ajax({
        type: "POST",
        url: "/Qualidade/Processo/Salvar",
        dataType: "json",
        data: dados,
        success: function(data)
        {    
            //fecha o modal de confimação
            $('#myModal').modal('hide');

            //retorna uma resposta de sucesso NA DIV RESPOSTA            
            $("#resposta").addClass("alert alert-success");     // COLOCA NA CLASSE DE SUCESSO (VERDE)        
            $('#resposta').html('Contato Salvo com sucesso!'); //CRIA A MENSAGEM


        },
        error: function (request, status, erro) {



             },
                 complete: function (jqXHR, textStatus) {
               processo (finnaly)
              }
       });
}

Backend pego assim:

[HttpPost]
        public JsonResult Salvar(Processo u)
        {
            var descricao = u.Descricao;
            Dao.Salvar(descricao);
            return Json("Dados salvo com sucesso!!");
        }

2 Respostas 2

0
//Mostra a lista de Check
    function CarregaSaida() {
        $.ajax({
            url: "/Qualidade/Entidade/CarregaEntidade",
            //data: { representante: representante },
            async: false,
            success: function (data) {
                $("#divSaidas").empty();
                $.each(data, function (i, element) {

                    $('#divSaidas').append('<input type="checkbox" id="saidas" name="saidas" value="' + element.Id + '" />' + element.Descricao + '<br/>');

                });

            }
        });
    }

//Função que pecorre os checks que estão marcados
    function PegaValuesChecks(name) {
        var checks = document.querySelectorAll("input[name='" + name + "']:checked"),
               i = checks.length,
               arr = [];

        while (i--) {
            arr.push(checks[i].value);
        }

        return arr;
    }
    //Envia pro backend salvar o form
    function Post() {

        //pega os arrays de checkbox selecionados para enviar ao controller
        var entrada = PegaValuesChecks("entrada");
        var saidas = PegaValuesChecks("saidas");
        var materiais = PegaValuesChecks("materiais");
        var metodos = PegaValuesChecks("metodos");
        var medicao = PegaValuesChecks("medicao");
        var pessoais = PegaValuesChecks("pessoais");

        var plan = $("#plan").val();
        var do_ = $("#do").val();
        var check = $("#check").val();
        var action = $("#action").val();


      dados = $("Form").serialize();
        var dados = {        
            entrada: entrada,
            saidas: saidas,
            materiais: materiais,
            metodos: metodos,
            medicao: medicao,
            pessoais:pessoais,
            plan: plan,
            do_: do_,
            check: check,
            action: action
        };
    //var confirmationValue = null; //Essa variavel é apenas de teste, pra guardar temporariamente o retorno da requisição

          jQuery.ajax({
            type: "POST",
            url: "/Qualidade/Processo/Salvar",
            dataType: "json",
            data: dados,
            success: function(data)
            {    
                //fecha o modal de confimação
                $('#myModal').modal('hide');

                //retorna uma resposta de sucesso NA DIV RESPOSTA            
                $("#resposta").addClass("alert alert-success");     // COLOCA NA CLASSE DE SUCESSO (VERDE)        
                $('#resposta').html('Contato Salvo com sucesso!'); //CRIA A MENSAGEM
                $('#resposta').show(); //MOSTRA A DIV DE RESPOSTA

            },
            error: function (request, status, erro) {

                 },
                     complete: function (jqXHR, textStatus) {
                    //colocar aqui algo que deseja que faça ao terminar todo o processo (finnaly)
                  }
           });
    }

Backend:

 [HttpPost]
    public JsonResult Salvar(string[] entradas,string[] saidas,string[] materiais,string[] metodos, string[] medicao,string[] pessoais,string plan, string do_,string check, string action )
    {

     //No DAO do salvar, Fazer um for ou while ou foreach pra pecorrer e inserir na tabela
        Dao.Salvar(entradas,saidas,materiais,metodos, medicao, pessoais,plan, do_,check,action);
        return Json("Dados salvo com sucesso!!");
    }
-1

Fiz uma tarefa bem parecida com a sua fazem semanas, na ocasião eu tinha uma tabela checklist_atendimento onde o usuário criava o checklist atrelado a categoria e uma outra histórico_checklist que armazenava as opções que o usuário selecionou para categorizar aquele atendimento. Bom, eu criei uma partial view na qual passava como parâmetro a categoria, eu criei três listas (uma para carregar todas as opções como false, uma para pegar a descrição, a outra os ids), na hora do post passava as três listas como parâmetro para salvar.

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 .