JSFiddle - React, Tailwind, and code Playground
HTML
<div id="c_b">
<div class="checktextrow">
<div class="peroperty_checks"><input type="checkbox" name="swimmingpool" id="swimmingpool" value="1"></div>
<div class="peroperty_text">Swimming Pool</div>
</div>
<div class="checktextrow">
<div class="peroperty_checks"><input type="checkbox" name="fitnesscenter" id="fitnesscenter" value="2"></div>
<div class="peroperty_text">fitness center</div>
</div>
<div class="checktextrow">
<div class="peroperty_checks"><input type="checkbox" name="restaurant" id="restaurant" value="3"></div>
<div class="peroperty_text">restaurant</div>
</div>
<div class="checktextrow">
<div class="peroperty_checks"><input type="checkbox" name="childrenactivities" id="childrenactivities" value="4"></div>
<div class="peroperty_text">children’s activities</div>
</div>
<div class="checktextrow">
<div class="peroperty_checks"><input type="checkbox" name="complimentarybreakfast " id="complimentarybreakfast " value="5"></div>
<div class="peroperty_text">complimentary breakfast </div>
</div>
<div class="checktextrow">
<div class="peroperty_checks"><input type="checkbox" name="meetingfacilities" id="meetingfacilities"...
JavaScript
function updateTextArea() {
var allVals = [];
$('#c_b :checked').each(function() {
allVals.push($(this).val());
});
$('#t').val(allVals)
}
$(function() {
$('#c_b input').click(updateTextArea);
updateTextArea();
});