[dasha862]

Здравствуйте.

Представленный скрипт при нажатии на checkbox передаёт значение label в <span class="selected"></span>

Подскажите, пожалуйста, как сделать:
- что бы при обновлении страницы(checkbox по-прежнему выбран) переданное значение в <span class="selected"></span> не слетало.
- Что бы выбранные checkbox не заменяли друг друга(как сейчас,чередуются), а вставали рядом.
Например: Материал (Велюр Кожа), и после клика checkbox на невыбран, Кожа - из <span class="selected"></span> удалялся.

<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>

$("input[type=checkbox]").on("click", function(){
  var $this = $(this);
  var my_id = $this.attr("id");
  var my_label = $("label[for="+ my_id + "]" );
  var dropDownToggleValue = $this.parents(".bl-check").find(".dropdown-toggle .selected");
dropDownToggleValue.text("(" + my_label.text() + ")");
  });