bootstrap-multiselect

简单介绍下bootstrap-multiselect

SetSelects/GetSelects

$("select").multipleSelect();

$("#setSelectsBtn").click(function() {

    $("select").multipleSelect("setSelects", [1, 3]);

});

$("#getSelectsBtn").click(function() {

    alert("Selected values: " + $("select").multipleSelect("getSelects"));

    alert("Selected texts: " + $("select").multipleSelect("getSelects", "text"));

});


设置 Multiple Select 的内容。参数: values类型: array选择框的内容信息。

$('select').multipleSelect('setSelects', [1, 3]);

enable启用 Multiple Select。

$('select').multipleSelect('enable');

disable禁用 Multiple Select。在这种模式下,不允许用户操作。

$('select').multipleSelect('disable');checkAll

全选所有的复选框。

$('select').multipleSelect('checkAll');uncheckAll

全不选所有的复选框。

$('select').multipleSelect('uncheckAll');

refresh重新加载 Multiple Select。假如你是通过 AJAX 或者 DOM 来手动添加或者删除 option 选项,可以通过 refresh 方法来重新加载 Multiple Select。

$('select').multipleSelect('refresh');


bootstrap-multiselect源码主页:https://github.com/davidstutz/bootstrap-multiselect

bootstrap-multiselect文档以及Demo:http://davidstutz.github.io/bootstrap-multiselect/

详细KPI介绍:http://wenzhixin.net.cn/p/multiple-select/docs/index.html?locale=zh_CN

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容