HTML-html里面如何使<select>具有<checkbox>的功能

HTML-html里面如何使<select>具有<checkbox>的功能

夜无邪 发布于 2016-11-30 字数 96 浏览 1035 回复 1

请输入图片描述

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

虐人心 2017-03-05 1 楼

可以使用jquery.multiSelect插件。
需要在页面中引入这些文件,jquery.js,jquery.bgiframe.min.js,jquery.multiSelect.js,jquery.multiSelect.css

<select id="roleIds" name="roleIds" style="width:180px" multiple="multiple">
<c:forEach items="${roleList }" var="role">
<option value="${role.id }">${role.name }</option>
</c:forEach>
</select>

$(document).ready( function() {

$("#roleIds").multiSelect({
selectAll: false,
oneOrMoreSelected: '*',
selectAllText: '全选',
noneSelected: '请选择'
}, function(){ //回调函数
if($("[name='roleIds']:checked").length > 0)
{
$("#errRed").empty();
}
else
{
$("#errRed").text("请选择");
}
});

});

http://www.erichynds.com/examples/jquery-ui-multiselect-widget/demos/