JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
    <script src="script.js"></script>

<div>
      <input type="text" id="text-input" value="ноль"/>
    </div>
    <div>
      <div>
        <label>
          <input type="checkbox" class="my-checkbox" value="один" />
          один
        </label>
      </div>
      <div>
        <label>
          <input type="checkbox" class="my-checkbox" value="два два" />
          два два
        </label>
      </div>
      <div>
        <label>
          <input type="checkbox" class="my-checkbox" value="три три три" />
          три три три
        </label>
      </div>
    </div>

JavaScript

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