Как добавить флажок в SelectListActions

Question

Мне нужно добавить флажок для Мстителей, ЩИТА, Лиги справедливости, Супергероев и выбранного вами списка

В этом демонстрационном коде ниже

jsfiddle.net / nzdak7aL / 98

Answer 1

Ваш запрос неясен.Не могли бы вы добавить более подробную информацию?

Если я правильно понимаю, вы хотели бы добавить флажки в поле множественного выбора?Это не имеет никакого смысла.

Если вам нужны чекбоксы в индивидуальном стиле, просто сделайте это:

<input id="checkbox-avenger" type="checkbox" name="something" value="Avengers" style="display: none;" />
<label for="checkbox-avenger">**here you custom layout stuff**</label>

Answer 2

Добавьте это в js

$('option').mousedown(function(e) {
    e.preventDefault();
    $(this).prop('selected', !$(this).prop('selected'));
    return false;
  });

и в опцию css ::

before {
  content: "\2610";
  width: 1.3em;
  text-align: center;
  display: inline-block;
}
option:checked::before {
  content: "\2611";
}

Попробуйте это http://jsfiddle.net/nzdak7aL/101/