bootstrap-multiselect

2018-07-09  本文已影响76人  时尚灬IT男

简单介绍下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

上一篇下一篇

猜你喜欢

热点阅读