美文网首页
bootstrap-multiselect

bootstrap-multiselect

作者: 时尚灬IT男 | 来源:发表于2018-07-09 10:41 被阅读76次

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

    相关文章

      网友评论

          本文标题:bootstrap-multiselect

          本文链接:https://www.haomeiwen.com/subject/jdszuftx.html