JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="ctf--b-filt-c-item open ctf--b-filt-c-item--active">
<div class="ctf--b-filt-c-head"><span class="b-txt">Единица измерения:</span></div>
<div class="ctf--b-filt-c-body" style="display: block;">
<div class="ctf--b-wpr-scr">
<ul class="ctf--b-filt-check-list ctf--b-filt-check-list--double">
<li>
<input type="checkbox" id="idchkk_2_0_0" value="11770">
<label for="idchkk_2_0_0">
<i></i>
Килограмм
</label>
</li>
<li>
<input type="checkbox" id="idchkk_2_0_1" value="11771">
<label for="idchkk_2_0_1">
<i></i>
Тонна
</label>
</li>
</ul>
<ul class="ctf--b-filt-check-list ctf--b-filt-check-list--double">
</ul>
</div>
</div>
</div>
<div class="ctf--b-filt-c-item open ctf--b-filt-c-item--active">
<div class="ctf--b-filt-c-head"><span class="b-txt">Полярность:</span></div>
<div class="ctf--b-filt-c-body" style="display: block;">
<div class="ctf--b-wpr-scr">
<ul class="ctf--b-filt-check-list ">
<li>
<input type="checkbox" id="idchkk_2_2_0" value="11773">
<label for="idchkk_2_2_0">
<i></i>
Обратная
</label>
</li>
<li>
<input type="checkbox" id="idchkk_2_2_1" value="11776">
<label for="idchkk_2_2_1">
<i></i>
Прямая
</label>
</li>
</ul>
</div>
</div>
</div>
<div id="count"></div>
<div id="unit"></div>
JavaScript
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);
}
});