当前位置: 首页 > 工具软件 > icheck > 使用案例 >

jQuery插件icheck复选框的使用方法

柯书
2023-12-01

一 icheck插件的介绍

官网:iCheck官网地址

二 icheck的CDN引用方式

如果不愿意下载插件,可以通过CDN引入插件css和js

<link href="http://cdn.bootcss.com/iCheck/1.0.2/skins/all.css" rel="stylesheet">
<script src="http://cdn.bootcss.com/iCheck/1.0.2/icheck.min.js"></script>

三 icheck—动态设置选中

    <input id="checkbox" type="checkbox" name="checkbox" value="1"> 复选框

假设有复选框,现在我们通过其进行演示:
(1) 复选框选中

$('input[type=checkbox]').iCheck('check');

(2) 复选框取消选中

$('input[type=checkbox]').iCheck('uncheck');

(3) 将选框的状态反向切换

$('input[type=checkbox]').iCheck('toggle');

(4) 选框禁用

$('input[type=checkbox]').iCheck('disable');

(5) 选框取消禁用

$('input[type=checkbox]').iCheck('enable');

四 icheck—回调

(1) ifChanged:选框状态改变时触发

$('input[type=checkbox]').on('ifChanged', function(){
})

(2) ifChecked:选框选中时触发

$('input[type=checkbox').on('ifChecked', function(){
})

(3) ifUnchecked:选框取消选中时触发

$('input[type=checkbox').on('ifUnchecked', function(){
})
 类似资料: