Есть список элементов, напротив которых ставятся флаги, при постановке флага элемент должен попадать в текстовое поле, если флаг убирается, то элемент должен удалиться из формы.
Понимаю, что при постановке флага сначала форма должна очищаться, пробовал это реализовать, но либо элементы не заносятся, либо не происходит очистка.
var textArea = $('.text');
$('input').change(function() {
//textArea.val('');
$("input:checked").each(function(i) {
textArea.append($(this).siblings().text() + ';\n');
})
});
textarea.text {
height: 250px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<div class="form-item">
<input type="checkbox">
<label class="option">Первый элемент</label>
</div>
<div class="form-item">
<input type="checkbox">
<label class="option">второй элемент</label>
</div>
<div class="form-item">
<input type="checkbox">
<label class="option">Последний элемент</label>
</div>
<textarea class='text'></textarea>