在文本框中单击它时获取计数器和值的复选框，取消选中应该删除的值，并在文本框中减少计数

Question

下面是html代码 我想在id =＆＃39; selchk＆＃39;的文本框中获取用逗号分隔的复选框的值。并获取在id =＆＃39; getcnt＆＃39;的文本框中点击的复选框计数并且取消选中该值应该被删除并且应该使用jquery减少计数。我已经尝试过但没有达到结果。需要帮助

<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'>

Answer 1

  

JsFiddle

     

var total = 0;

     

$（＆＃34;＆的.chk＃34）。单击（函数（）{

  var output = $.map($('.chk:checked'), function(n, i){
    return n.value;
  }).join(',');

  total = $('.chk:checked').length;
  $("#getcnt").val(total);
  $("#selchk").val(output);
});

     

JsFiddle

Answer 2

CodePen Example

var $boxes = $('input[type=checkbox]'),
    $count = $('#getcnt'),
    $values = $('#selchk');

$boxes.click(function() {
    var values = [];
    var checked =0;
    $boxes.each(function() {
      if (this.checked) {
        values.push(this.value);
        checked++;
      }
    });
    $count.attr('value',checked);
    $values.attr('value',values.toString());
});