JSFiddle - React, Tailwind, and code Playground

HTML

<label><input type="checkbox" name="ch" /> Opção</label>
<label><input type="checkbox" name="ch" /> Opção</label>
<label><input type="checkbox" name="ch" /> Opção</label>
<label><input type="checkbox" name="ch" /> Opção</label>
<label><input type="checkbox" name="ch" /> Opção</label>

<div id="contador" data-value="0">
    
</div>

CSS

label {display:block;}
#contador[data-value="0"]{
    display:none; /*oculta qdo não houver nenhum selecionado*/
}

JavaScript

$('input[type=checkbox]').on('change', function () {
    //quantidade de selecionados
    var qt = $('input[type=checkbox]:checked').length;   
    //coloca o atributo para ocultar qdo for 0
    $('#contador').attr('data-value',qt);
    //coloca o resultado na div contador
    $('#contador').text(qt + (qt > 1 ? ' selecionados' : ' selecionado'));
});