Как сделать так чтобы данные с checkbox передавались в Input через запятую?

jQuery(function($) {
  var $text = $('#text-input'),
      $box = $('.my-checkbox'),
      $defval = $text.val();
  
  $box.on('click change', function() {
    var values = [];
    
    $box.filter(':checked').each(function() {
      values.push(this.value);
    });
    
      $text.val($defval + ((values.length) ? ',' : '') + values.join(','));
  });
    $text.on('change', function() {
        $defval = $(this).val();
    });
});

jQuery(function($) {
  var $text = $('#text-input'),
      $box = $('.my-checkbox');
  
    $box.on('click', function() {
    var values = $text.val().split(",") || [];
    
    $box.each(function() {
        
        if($(this).prop("checked")){
            if(values.join("").indexOf(this.value) < 0){  
              values.push(this.value);
            }
        } else {
            var index = values.indexOf(this.value);
            if(index >=0){
                values.splice(index, 1);
            }
        }
});
    $text.val(values.join(','));
  });
});