| 组件 | checkbox组件 | |||
| 功能说明 | 基于jQuery的美化checkbox的插件，其特点如下： 1、开发人员开发时完全按照原有的checkbox写法书写即可； 2、继承checkbox框的click事件触发机制； 3、提供了更改checkbox状态的方法； 4、如果某些checkbox不想美化，请在该checkbox上增加属性 notBeauty=true |
|||
|
1.引入如下js 如果没有引入以下js，那么需要引入以下js： <link rel=”stylesheet” href=”/js/ecology8/jNice/jNice/jNice_wev8.css” type=”text/css” /> <script type=”text/javascript” src=”/js/ecology8/jNice/jNice/jquery.jNice_wev8.js”></script> |
|||
| 2、当页面加载完成后，在页面上调用如下方法 jQuery(document).ready(function(){ jQuery(‘body’).jNice(); } }); jQuery(‘body’)这部分可以是任何的容器 |
||||
| 效果图如下：
|
||||
| 例子 | 例子：http://192.168.4.44:8080/docs/search/DocCommonContent.jsp?urlType=5&ishow=false | |||
| 组件初始化参数 | 是否必须 | 类型 | 描述 | |
| 对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 | |
| 方法4 | 返回类型 | 描述 | ||
| jQuery(obj).trigger(event,display) | 无 | 显示或者隐藏checkbox | ||
| 方法参数 | 是否必须 | 类型 | 描述 | |
| event | 是 | string | 取值display | |
| display | 是 | String | 取值同css display取值 | |
转载请注明：赫非域 » ecology开发之checkbox框组件