简单介绍下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
网友评论