Как вывести список выбранных чекбоксов?

349

04 августа 2017, 02:38

Привет всем. Дело вот в чем. У меня есть выпадаютщий список чекбоксов. Да именно чекбоксов. Дело в том что их около 10, и могут еще быть. Стилизованны все как надо. Мне надо сделать примерно так. Человек выбирает какой ни будь и у него сверху к примеру : Выбранные чекбоксы: ValueOfCheckbox1;ValueOfCheckbox5. Если человек убирает чекбокс из списка соответственно тоже убирается

Answer 1

Если мозги есть - поймете и доведете до своего случая. Другим тут не помочь

var c = document.querySelectorAll('input[type=checkbox]'); 
 
var container = document.querySelector('ul.checked'); 
 
function buildList() { 
  container.innerHTML = ''; 
  [].forEach.call(c, function(i) { 
    if (i.checked) { 
      var li = document.createElement('li'); 
      li.innerHTML = i.getAttribute('name'); 
      container.appendChild(li) 
    } 
 
  }) 
} 
 
[].forEach.call(c, function(i) { 
  i.onchange = buildList; 
});

<div> 
  <input type='checkbox' name='1'> 
  <input type='checkbox' name='2'> 
  <input type='checkbox' name='3'> 
</div> 
<ul class='checked'> 
 
</ul>