Нужно при выборе checkbox вывести выбраные бренды через запятую. В теге с класом .filter-brand-add
Но text() Обєдиняет все в одну строку. Может сдесь другой подход нужен? Помогите пожалуйсто, уже второй день мучаюсь
$('.filter-block input').click(function() {
if ($(this).is(':checked')) {
$(this).next().addClass('checked');
}
else {
$(this).next().removeClass('checked');
}
var arr = [];
var c = $('.checked').text();
arr.push(c);
for(var i=0; i < arr.length; i++);
var d = arr.join(", ");
$('.filter-brand-add').text(d);
});
<div class="filter-block">
<ul class="checkboxes">
<li><input type="checkbox" id="check1" /><label for="check1">Acer</label></li>
<li><input type="checkbox" id="check2" /><label for="check2">Apple</label></li>
<li><input type="checkbox" id="check3" /><label for="check3">Asus</label></li>
<li><input type="checkbox" id="check4" /><label for="check4">Dell</label></li>
<li><input type="checkbox" id="check5" /><label for="check5">Fujitsu</label></li>
<li><input type="checkbox" id="check6" /><label for="check6">HP</label></li>
<li><input type="checkbox" id="check7" /><label for="check7">MSI</label></li>
<li><input type="checkbox" id="check8" /><label for="check8">Packard Bell</label></li>
<li><input type="checkbox" id="check9" /><label for="check9">Panasonic</label></li>
<li><input type="checkbox" id="check10" /><label for="check10">Samsung</label></li>
<li><input type="checkbox" id="check11" /><label for="check11">Sony</label></li>
<li><input type="checkbox" id="check12" /><label for="check12">Toshiba</label></li>
<li><input type="checkbox" id="check13" /><label for="check13">ViewSonic</label></li>
</ul>
</div>
<span class="filter-brand-add">Сюда вывести выбраные бренды через запятую</span>