` I create a label with input type checkbox (hidden). How could I show those selected blue label on top with number of selected item on oncheck function and then remove it when its get unchecked and set limit of selection 3,user can select tag randomly too. I don't even what these type item selection called.

<!-- html for label & checkbox -->
<input type="checkbox" id="toggle1" name="item" value=" American"/>
<label for="toggle1" id="checkbox-1" 
    class=" position-relative">
    American

    <div id="badge"></div>
</label>