| 组件 | 开关组件 | ||
| 功能说明 | 基于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开发之开关组件