JSFiddle - React, Tailwind, and code Playground

by parthi04

HTML

<input type='checkbox' class='chk' value='1'>        
<input type='checkbox' class='chk' value='2'>       
<input type='checkbox' class='chk' value='3'>        
<input type='checkbox' class='chk' value='4'>        
<input type='checkbox' class='chk' value='5'>        
<input type='checkbox' class='chk' value='6'>           
<input type='text' class='getcnt' id='getcnt'>        
<input type='text' class='selchk' id='selchk'>

JavaScript

var total = 0;

$(".chk").click(function(){
    
    var output = $.map($('.chk:checked'), function(n, i){
      return n.value;
    }).join(',');
    
    total = $('.chk:checked').length
    $("#getcnt").val(total);
    $("#selchk").val(output);
    
});