文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在SelectListActions中添加复选框

问如何在SelectListActions中添加复选框
EN

Stack Overflow用户

提问于 2018-06-25 07:52:33

回答 2查看 61关注 0票数 1

我需要添加复选框到复仇者，神盾局，正义联盟和超级英雄&你已经选择了名单

在下面的演示代码中

jsfiddle.net/nzdak7aL/98

jquery-plugins

javascript

jquery

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-06-25 08:01:07

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

Stack Overflow用户

发布于 2018-06-25 08:01:19

你的要求不清楚。你能补充更多的细节吗？

如果我正确理解它，您想要添加复选框到多选择字段吗？这没有任何意义。

如果您需要自定义样式复选框，只需这样做：

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

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/51018565

复制

相似问题

问如何在SelectListActions中添加复选框
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在SelectListActions中添加复选框EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在SelectListActions中添加复选框
EN