Здравствуйте, мне нужно сделать, чтобы в заголовок копировался текст выбранного чекбокса.
Вот наглядно накидал, но есть две проблемы, как привязать это только к тому заголовку дива, в котором выбирают чекбоксы, сейчас не корректно, копируется в оба заголовка. И еще, если выбрать чекбоксы, а потом убрать галочки заголовок будет пустой, как сделать, чтобы он обратно становился с тем же текстом, что был. Заранее спасибо, кто поможет.
$('.select .option label input').change(function() {
$(this).parent("label").parent("div").parent("div").children("b").text( $('input:checked').parent("label").text() );
});
<div class="select">
<b>Выбор</b>
<div class="option">
<label><input type="checkbox" /> текст 1</label>
<label><input type="checkbox" /> текст 2</label>
<label><input type="checkbox" /> текст 3</label>
<label><input type="checkbox" /> текст 4</label>
</div>
</div>
<div class="select">
<b>Выбор</b>
<div class="option">
<label><input type="checkbox" /> текст 1</label>
<label><input type="checkbox" /> текст 2</label>
<label><input type="checkbox" /> текст 3</label>
<label><input type="checkbox" /> текст 4</label>
</div>
</div>
Или ссылка на
jsfiddle