插件描述：这是一个可以多选，可以单选的小插件
使用说明
第一步（导入样式和脚本）：
1 2 3 4 | <link rel="stylesheet" type="text/css" href="css/iconfont.css"/><link rel="stylesheet" type="text/css" href="css/multiselect.css"/><script type="text/javascript" src="js/jquery-1.9.1.js"></script><script type="text/javascript" src="js/multiselect.js"></script> |
第二步（创建一个容器）：
1 2 | <div id="test"></div><input type="text" id="testValue"/> |
上述代码中，结果input可有可无，如果无，可通过一下代码获取选中的值
1 | var str = multiselectTools.getSelectValue("容器id"); |
第三步（初始化）:
1 2 3 4 5 6 | $("#test").multiselectInit({ "selectData":[{"colId":1,"colValue":"苹果"},{"colId":2,"colValue":"香蕉"},{"colId":3,"colValue":"菠萝"},{"colId":4,"colValue":"西瓜"},{"colId":5,"colValue":"甘蔗"}], "isMulti":true,//是否多选 "inputId":"testValue",//输入框的id "checkStyle":"fg"//选择的样式}); |
关于初始化参数说明：
1、selectData：这个是选择列表的数组，格式如上所示
2、isSelectData：已选择的数组集合，格式和selectData一样
3、isMulti：是否是多选
4、inputId：存放结果集的input的id
5、checkStyle：选择的样式，是圆形还是方形等，可选值：yx，fx，yg，fg
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： jQuery文字动画插件simple-text-rotator
- 下一个特效： jQuery弹窗插件