JSFiddle - React, Tailwind, and code Playground

by riyadh

HTML

<input type="text" id="messages">


<div class"chix">
  <input type="checkbox" class="chexx" name="vehicle1" value="Coba 1,"> <span>Coba 1<span></span><br>
</div>

<div class"chix">
  <input type="checkbox" class="chexx" name="vehicle2" value="Coba 2,"> <span>Coba 2<span></span><br>
</div>

<div class"chix">
  <input type="checkbox" class="chexx" name="vehicle3" value="Coba 3,"> <span>Coba 3<span></span><br>
</div>

JavaScript

$('.chexx').change(function() {
var text = $('#messages'); 
  if ($(this).is(':checked')) {
    text.val(text.val() + $(this).val());
    
  } else {
    text.val(text.val() + $(this).val($.trim($(this).val())));
  }
});