Вот мой
пример кода
Сейчас я вывожу в одном блоке количество выбранных элементов, в другом label выбранных элементов по порядку, не сортируя.
Выбрано: 2
Названия: Тонна , Прямая
Нужно чтобы сортировалась, примерно в таком виде:
Выбрано: 2
Единица измерения: Тонна
Полярность: Прямая
Эти названия ("Единицы измерения", "Полярность") строятся динамически.
Я получаю эти значения(Единица измерения, Полярность), перебираю их, но как связать активные чекбоксы и название для блока с чекбоксами не знаю. Вот
пример на jsfiddle
var unit = $('.ctf--b-filt-c-head span').text().split(':');
arr = unit.splice(0, unit.length-1)
var label = $('.ctf--b-filt-check-list label'),
checkbox = $('.ctf--b-filt-check-list :checkbox').on('change', function() {
var checked = checkbox.filter(':checked');
$('#count').html('Выбрано: ' + checked.length);
var labelText = checked.map(function(i, el) {
return label.filter('[for="' + el.id + '"]').text();
}).get().join(',');
for (j=0;j<arr.length;j++) {
console.log(arr);
$('#unit').html(arr[j] + labelText);
}
});
Подскажите как правильно сделать? или (у меня появились сомнения) вообще это реально?
UPD:
Нужно получить:
Выбрано: 2
Единица измерения: Тонна
Полярность: Прямая
т.е. есть два блока -
1) "единицы измерения" и "килограммы" "тонны"
2) "Полярность" и "обратная" "прямая".
Нужно чтобы в блок "единицы измерения" попадали только "килограммы" и "тонны", а в блок "полярность" попадали только "обратная" и "прямая"
А пустой блок (например если чекбоксы в "Полярность" не активные) не отображался вообще.