组件 | 开关组件 | ||
功能说明 | 基于jQuery的将checkbox美化为开关的插件,其特点如下: 1、开发人员开发时完全按照原有的checkbox写法书写,增加一个属性标识即可; 2、继承checkbox框的click事件触发机制; 3、常用于类似【启用/禁用】等二选一状态的情形。 |
||
使用说明 | 1.引入如下js 如果没有引入以下js,那么需要引入以下js: <link href=”/js/checkbox/jquery.tzCheckbox_wev8.css” type=text/css rel=STYLESHEET> <script type=”text/javascript” src=”/js/ecology8/jNice/jNice/jquery.jNice_wev8.js”></script> |
||
2、给需要格式化为开关组件的checkbox框增加如下属性: <INPUT type=”checkbox” tzCheckbox=”true” class=InputStyle name=”norepeatedname” value=”1″ > 注意: 红色标注的样式或ID是固定的,不能改动! |
|||
3、当页面加载完成后,在页面上调用如下方法 jQuery(document).ready(function(){ jQuery(“input[type=checkbox]”).each(function(){ if(jQuery(this).attr(“tzCheckbox”)==”true”){ jQuery(this).tzCheckbox({labels:[”,”]}); } }); }); |
|||
效果图如下:
|
|||
例子 | 例子:http://192.168.4.44:8080/docs/category/DocMainCategoryBaseInfoEdit.jsp?id=15&refresh=1 | ||
组件初始化参数 | 是否必须 | 类型 | 描述 |
对checkbox提供了以下功能函数 | |||
方法1 | 返回类型 | 描述 | |
jQuery(obj).trigger(event,checked) | 无 | 用于更改美化后的checkbox状态 | |
方法参数 | 是否必须 | 类型 | 描述 |
event | 是 | string | 取值checked |
checked | 否 | boolean | checkbox更改后状态 |
方法2 | 返回类型 | 描述 | |
jQuery(obj).trigger(event,disabled) | 无 | 更改checkbox框的禁用和启用状态 | |
方法参数 | 是否必须 | 类型 | 描述 |
event | 是 | string | 取值disabled |
disabled | 否 | boolean | checkbox更改后禁用或者启用状态 |
方法3 | 返回类型 | 描述 | |
jQuery(obj).trigger(event) | 无 | 解除Checkbox框的美化 | |
方法参数 | 是否必须 | 类型 | 描述 |
event | 是 | string | 取值rbeauty![]() |
转载请注明:赫非域 » ecology开发之开关组件