自定义单选多选下拉框-iCheck 插件

先上图

未标题-1.jpg

因项目需要,给 icheck 新做的几款常用的皮肤

使用说明

1,引入插件



2,自定义JS展示 文件名:“custom.js” 这段JS最好引用到 icheck 后面,调用的前面

/**
* function inputiCheck input框的iCheck效果 +---------------------------------
*
* @author lovebslq
* @access public
* @version 1.0 +---------------------------------
* @param thisDom 当前dom +---------------------------------
* @param color 要显示的颜色 +---------------------------------
* @return void
*/
frame.inputiCheck = function(thisDom,color) {
var thisDom = arguments[0] ? arguments[0] : 'input.iCheck';
var color=arguments[1] ? arguments[1] : 'green';
$(thisDom).iCheck({
checkboxClass : 'icheckbox_flat-'+color,
radioClass : 'iradio_flat-'+color
});
};

3,html代码,这里是为了展示,所以每一种颜色,每一种状态都写了(主要调用方式是加的 class类名来绑定的)












































4,js调用

//单选多选按钮
//默认绿色
frame.inputiCheck('input.iCheck','green');
frame.inputiCheck('input.greenborder','greenborder');
//灰蓝色
frame.inputiCheck('input.iCheckGrey','grey');
frame.inputiCheck('input.greyborder','greyborder');
frame.inputiCheck('input.white','white');

5,详细的使用方法以及更多的皮肤可参考地址:

http://www.bootcss.com/p/icheck/

文件尺寸 229.64 KB
下载次数 110

绿色日期控件皮肤 My97 DatePi <<上一篇