Показать сообщение отдельно
  #15 (permalink)  
Старый 12.04.2015, 14:22
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,085

Сообщение от qwe88
Дублирующий div select вообще убираю, он не нужен
тогда можно так
<!DOCTYPE HTML>
<html>

<head>

  <meta charset="utf-8">
  <title>demo</title>
  <style type="text/css">
  b{
    display: block;
  }

  </style>
   <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
$(function () {
    var div = $("div.select"), chec = $("input:checkbox", div), b = $("b.select");
    b.data("old", b.text())
    div.on("click", chec, function (a) {
        var text = chec.filter(':checked').parent().text() || b.data("old");
        b.text(text)
    });
})
</script>

</head>

<body>
<div class="select">
      <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>
 <b class="select">Выбор</b>
</body>
</html>
Ответить с цитированием