| 注册
请输入搜索内容

热门搜索

Java Linux MySQL PHP JavaScript Hibernate jQuery Nginx
jopen
9年前发布

基于jquery的选择插件:ui-choose

ui-choose 选择插件

基于jquery的选择插件,可用于选项不太多的select、radio、checkbox等,提升用户体验!
qq截图20160103203229.png

demo

基于jquery,使用非常方便!

// 将所有.ui-choose实例化  $('.ui-choose').ui_choose();    // uc_01 ul 单选  var uc_01 = $('#uc_01').data('ui-choose'); // 取回已实例化的对象  uc_01.click = function(index, item) {      console.log('click', index, item.text())  }  uc_01.change = function(index, item) {      console.log('change', index, item.text())  }    // uc_02 select 单选  var uc_02 = $('#uc_02').data('ui-choose');  uc_02.click = function(value, item) {      console.log('click', value);  };  uc_02.change = function(value, item) {      console.log('change', value);  };    // uc_03 ul 多选  var uc_03 = $('#uc_03').data('ui-choose');  uc_03.click = function(index, item) {      console.log('click', index);  };  uc_03.change = function(index, item) {      console.log('change', index);  };    // uc_04 select 多选  var uc_04 = $('#uc_04').ui_choose();  uc_04.click = function(value, item) {      console.log('click', value);  };  uc_04.change = function(value, item) {      console.log('change', value);  };

兼容性

IE8+, Chrome, Firefox, Edge, 360, Sougou 等主流浏览器;


项目地址: https://github.com/wangxing218/ui-choose

 本文由用户 jopen 自行上传分享,仅供网友学习交流。所有权归原作者,若您的权利被侵害,请联系管理员。
 转载本站原创文章,请注明出处,并保留原始链接、图片水印。
 本站是一个以用户分享为主的开源技术平台,欢迎各类分享!
 本文地址:https://www.open-open.com/lib/view/open1451824001355.html
ui-choose 表单相关jQuery插件 jQuery插件