Показать сообщение отдельно
  #6 (permalink)  
Старый 21.09.2017, 17:55
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,072


ещё вариант ...
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
  </style>
</head>
<body>
<div class="bl-check">
<div class="dropdown-toggle">Материал <span class="selected"></span></div>
<div><input id="f_6710f_67" name="f_67[0]" value="0" type="checkbox">
<label for="f_6710f_67">Велюр</label></div>
<div><input id="f_6711f_67" name="f_67[1]" value="1" type="checkbox">
<label for="f_6711f_67">Кожа</label></div>
<div><input id="f_6712f_67" name="f_67[2]" value="2" type="checkbox">
<label for="f_6712f_67">Ткань</label></div>
</div>

<div class="bl-check">
<div class="dropdown-toggle">Цвет <span class="selected"></span></div>
<div><input id="f_6410f_64" name="f_64[0]" value="0" type="checkbox">
<label class="field_label" for="f_6410f_64">Белый</label></div>
<div><input id="f_6411f_64" name="f_64[1]" value="1" type="checkbox">
<label class="field_label" for="f_6411f_64">Красный</label></div>
<div><input id="f_6412f_64" name="f_64[2]" value="2" type="checkbox">
<label class="field_label" for="f_6412f_64">Черный</label></div>
</div>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</body>
<script>

  $(".bl-check").on("click", function(){
    var text = $.map($("input[type=checkbox]:checked + label",this),function(el){
      return el.textContent
    });
    if (text.length) text = "( "+text.join(" ")+" )";
    $(".selected",this).text(text);
  });

  </script>
  </html>
Ответить с цитированием