如何在SelectListActions

时间:2018-06-25 07:52:33

标签: javascript jquery jquery-plugins

我需要在“复仇者联盟”,“ S.H.I.E.L.D。”,“正义联盟和超级英雄”以及“您已选择列表”中添加复选框

在下面的演示代码中

jsfiddle.net/nzdak7aL/98

2 个答案:

答案 0 :(得分:1)

将此添加到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/

答案 1 :(得分:1)

您的请求不清楚。您能添加更多详细信息吗?

如果我理解正确,您想在多选字段中添加复选框吗?这没有任何意义。

如果您需要自定义样式的复选框,请执行以下操作:

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