JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" class="answer" />

<div class="checkbox" data-type="1">Option #1</div>
<div class="checkbox" data-type="2">Option #2</div>
<div class="checkbox" data-type="3">Option #3</div>
<div class="checkbox" data-type="4">Option #4</div>

CSS

.checkbox.checked { border:2px solid green; }

JavaScript

$('.checkbox').on('click', function() {
    var type = $(this).data('type'),
        answer = $('.answer'),
        initial = $('.answer').val();
    
    $(this).toggleClass('checked');
    
    if(answer.val().length === 0) {
        answer.val(type);
    } else {
        answer.val(initial +','+ type);                   
    }
    
    
});