《关键字选取三步走：第三步，集成mutiselect下拉多选操作与效果》-优快云博客

本文介绍了一个基于JQUERY的multiselect组件的定制过程，包括如何仅通过单选与模块联动，以及对jquery.multiselect.js文件的具体修改细节。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

集成过程中发现，mutiselect 是使用的 JQUERY 的jquery.ui.widget.js 工具包。于是在实现方法上，各种迁就。工具包是个好东西。与工具包结合的太紧密了。

最终决定。不做分组选择，不做全选和全不选。只通过单选来与模块进行联动。

jquery.multiselect.js改动

     .delegate('input[type="checkbox"], input[type="radio"]', 'click.multiselect', function (e) {
          var $this = $(this);
          var val = this.value;
          var checked = this.checked;
          if(checked)
          {
          var n = SaveArrayObj.findStrinArray(val);
                                    if (-1===n)
                                     {
                                       var inputObj=jQuery("#tag input[type='text'][name='tabinput']:last");
                                       inputObj.val(val);
                                       inputObj.data("isModify", false)
                                        inputObj.blur();
                                    }else
                                   {
                                   alert("此内容已经存在，请重新输入.");
                                   return;
                                   }
          }else
          {
          var n = SaveArrayObj.findStrinArray(val);
           if (-1!=n)
           {
            var inputObj=jQuery("#tag input[type='text'][name='tabinput']").eq(n);
                inputObj.next("span").remove();
                inputObj.remove();
                SaveArrayObj.finddel(val);
           }
          }

初始配置定义：

$.widget("ech.multiselect", {

        // default options
        options: {
            header: false,//不显示全选的头部
            height: 175,
            minWidth: 225,
            classes: '',
            checkAllText: '全选',
            uncheckAllText: '全不选',
            noneSelectedText: '==请选择==',
            selectedText: '# selected',
            selectedList: 0,
            show: null,
            hide: null,
            autoOpen: false,
            multiple: true,
            position: {},
            appendTo: "body"
        },