Показать сообщение отдельно
  #1 (permalink)  
Старый 23.01.2014, 17:28
Интересующийся
Отправить личное сообщение для werty1001 Посмотреть профиль Найти все сообщения от werty1001
 
Регистрация: 21.12.2012
Сообщений: 23

Копирование текста чекбокса
Здравствуйте, мне нужно сделать, чтобы в заголовок копировался текст выбранного чекбокса. Вот наглядно накидал, но есть две проблемы, как привязать это только к тому заголовку дива, в котором выбирают чекбоксы, сейчас не корректно, копируется в оба заголовка. И еще, если выбрать чекбоксы, а потом убрать галочки заголовок будет пустой, как сделать, чтобы он обратно становился с тем же текстом, что был. Заранее спасибо, кто поможет.

$('.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
Ответить с цитированием