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

小组聊天灌水 小组聊天灌水 主题:993 回复:2175

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

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

请输入图片描述

发布评论

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

支持 Markdown 语法,需要帮助?

评论(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 &gt; 0)  
    {  
        $("#errRed").empty();  
    }  
    else  
    {  
        $("#errRed").text("请选择");  
    }  
});  

});

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