0

Estou com problemas a preencher a minha Listbox, consigo preencher a Listbox com os valores da checkboxes das não com as Labels correspondentes. Estou com falta de ideias como vou fazer isto.

A lista de checkBoxes é preenchida com jquery, da seguinda maneira:

 itensNomesCatequizandos.append(catequizando.Nome + '<br />');
 itensCheckBoxCatequizandos.append('<input type="checkbox" name="SelectedCatequizandos[]" value="' + catequizando.PessoaID + '">' + '<br />');

A minha ListBox preenche todos nomes numa só minha:

<script>
    function addListbox() {
        var itensListBoxCatequizandos = $("#SelectedCatequizandos");
        itensListBoxCatequizandos.empty();
        var myCheckboxes = new Array();
        $("input:checked").each(function () {
            myCheckboxes.push($(this).val());
            $.each($('.NomesCatequizando'), function (index, Nome) {
                $.each(myCheckboxes, function (index, value) {
                    itensListBoxCatequizandos.append('<option value="' + value.myCheckboxes + '">' + $(Nome).text() + '</option>');
                });


            });
        });

    }
</script>

Onde recebo o texto para preencher a ListBox:

  <td id="NomesCatequizando" class="NomesCatequizando"></td>

1 Resposta 1

1

Fiz uma POC bem simples, espero que ajude:

HTML:

<input type="checkbox" value="1" /> Um
<input type="checkbox" value="2" /> Dois
<input type="checkbox" value="3" /> Tres

<ul id="lista"></ul>

JQUERY:

$(function() {  
    $('input[type=checkbox]').click(function(){     
    var $lista = $('#lista');
    var value = $(this).val();
    var $item = $('<li/>').attr('data-id', value).html(value);        
        if(this.checked) {
        $item.appendTo($lista);
    } else {
      $lista.find('li[data-id='+ value +']').remove();
    }
    });
})

Teste no JsFiddle.

1
  • 1
    Não foi a minha solução mas também funciona. Commented 20/04/2016 às 11:30

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 .