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 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(',');
$('#unit').html('Названия: ' + labelText);
});