acao popular_tipo_consulta

acao popular_tipo_consulta

by Angelo Rogério Rubin

HTML

<form id="frm_tipo_consulta">
                    <input id="frm_tipo_consulta_btn_salvar" type="submit" value="Salvar" />
                </form>
<p id='ids'></p>

CSS

#frm_tipo_consulta {
    margin:5px; padding:5px; height:auto; min-height:300px; overflow:hidden; border:1px solid #CCC;
}
p{
    margin:5px; padding:5px; height:auto; min-height:300px; overflow:hidden; border:1px solid #CCC;
}
label{
font-family:verdana;
    margin;5px;
    padding:5px;
}

JavaScript

var dados = {
                          lista : [
                            {
                              "value": 4,
                              "compl": "",
                              "text": "Parametrização"
                            },
                            {
                              "value": 5,
                              "compl": "",
                              "text": "Presença de Carga"
                            },
                            {
                              "value": 6,
                              "compl": "",
                              "text": "CI"
                            }
                          ]
                        } 
                          $.each(dados.lista, function (chave, valor) {
                            $('#frm_tipo_consulta').append("<input type='checkbox' id='" +valor.value+ "' /><label>" +valor.text + "</label>");
                        });
                    
                        // console.log($('#frm_tipo_consulta').serialize());
                        // console.log($('#frm_tipo_consulta').serialize());
                        var obj = $('#frm_tipo_consulta input').not('#frm_tipo_consulta_btn_salvar');
                        
                        $(obj).map(function() {
                            $('#ids').append(this.id+'-');
                        })