您现在的位置: 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文

jQuery 下拉多选框的使用方法

作者:佚名    责任编辑:admin    更新时间:2022-06-22

  效果图

jQuery 下拉多选框的使用方法 三联

  一、基本属性

  1.全选和全不选,如效果图中第3部分

  checkAllText 默认值:check all

  uncheckAllText 默认值:uncheck all

  $("select").multiselect({

  checkAllText: "全选",

  uncheckAllText:"全不选"

  });

  2.选中项的提示信息,如图中第2部分

  selectedText 默认:# selected

  $("select").multiselect({

  selectedText: 选中【#】项 ,总共【 #】项"

  });

  3.被选中的value值,如图第1部分显示的内容

  $("select").find("option:selected").text();

  4.被选中的项对应的key值,返回数据格式如下:

  1,2,3,6,7

  var keys = $("#depart").val();

  二、基本事件

  beforeopen 当下拉框被打开前的事件

  open

  beforeclose 下拉框被关闭前的事件

  close

  checkall 全选后的事件

  uncheckall 全不选的事件

  click 当选中一个时的点击事件

  三、主要的方法

  refresh 刷新控件

  checkAll Check all checkboxes.

  uncheckAll Uncheck all checkboxes.

  getChecked Returns an array of all the checked checkboxes.