JSFiddle - React, Tailwind, and code Playground
HTML
<div class="select">
<input type="checkbox" /> к
</div>
<div class="select">
<input type="checkbox" checked /> к
</div>
<div class="select">
<input type="checkbox" /> к
</div>
<button>ok</button>
JavaScript
$('.select .heading').each(function() {
$(this).data('defaultText', $(this).text());
});
$('.select .option input').change(function() {
var $context = $(this).closest('.select');
var $heading = $context.find('.heading');
var $labels = $context.find('input:checked').closest('label');
$heading.text($labels.size() ? $labels.text() : $heading.data('defaultText'));
});