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

qwe88,
<!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 divs = $("div.select");
    divs.on("click", "input:checkbox", function (a) {
        var b = a.delegateTarget;
        var i = divs.index(b) ;
        a = $("b.select").eq(i);
        !a.data("old") && a.data("old", a.text());
        b = $(":checked", b).parent().text() || a.data("old");
        a.text(b)
    });
})
</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>


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