JSFiddle - React, Tailwind, and code Playground

by Amar Nyayapati

HTML

<input type="checkbox" name="c_id[]" id="en_1" value="AF" />Afghanistan <br>
<input type="checkbox" name="c_id[]" id="en_2" value="AL" />Albania <br>
<input type="checkbox" name="c_id[]" id="en_3" value="AS" />American Samoa <br>
<input type="checkbox" name="c_id[]" id="en_4" value="AD" />Andorra<br>
<input type="checkbox" name="c_id[]" id="en_5" value="AI" />Anguilla <br>
<input type="checkbox" name="c_id[]" id="en_6" value="AQ" />Antarctica<br>
<input type="checkbox" name="c_id[]" id="en_7"  value="IN" />India<br>

<input type="button" value="No. of Selected?" id="select">
<input type="button" value="Set Value to India" id="slct">
<input type="button" value="Select All" id="selct">
<script>
    $('#select').click(function(){
        alert($('input:checkbox:checked').length + " items selected");
    });
    $('#slct').click(function(){
        $('input:checkbox:eq(6)').attr('checked',true);
    });
    $('#selct').click(function(){
        $('input:checkbox').attr('checked',true);
    });
    
</script>