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

news/2024/7/11 0:51:36 标签: jquery, javascript, 前端

一 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(){
})

http://www.niftyadmin.cn/n/1583826.html

相关文章

无人驾驶真能打通智慧城市的最后一里路?

智慧城市是人类进入知识文明的重要体现&#xff0c;其中无人驾驶作为智慧城市的重要一环&#xff0c;近年来越来越多的企业都纷纷布局无人汽车这个全新的价值高地&#xff0c;其中就包括中国互联网巨头BAT。2018年9月24日&#xff0c;杭州云栖大会“人工智能峰会”上&#xff0…

CSS笔记(一) - Flex页面布局

文章目录1 布局原理2 felx布局父属性常见属性2.1 父属性属性汇总2.2 flex-direction设置主轴的方向2.3 justify-content设置主轴方向上的对齐方式2.4 flex-wrap属性指定flex项目是否应该换行2.5 align-content设置侧轴上的子元素的排列方式&#xff08;多行&#xff09;2.6 ali…

JavaScript - Date()日期对象 - 笔记

文章目录基本使用方法创建Date()对象概念举例常用Date对象方法返回具体时间的字段举例Date日期格式和字符串的相互转化将 Date 对象转换为字符串进阶将字符串转换为日期对象根据日期根据日期和时间比较两个日期的大小getTime()函数比较根据日期对象直接比较比较字符串直接比较字…

数据库性能测试报告总结模板

目录 1计划概述 2参考资料 3术语解释 4系统简介 5测试环境 6测试指标 7测试工具和测试策略 8测试数据收集 9测试结果数据以及截图 9.1Jmeter性能指标 9.2硬件指标图 10 测试结论 需要完整报告模板记得文章末尾找我哦。 1计划概述 目的&#xff1a;找出系统潜在的…

python模块--os模块

打印文件的绝对路径&#xff1a;os.path.abspath(__file__) os.path.dirname("/root/python/test.py") #只取目录名/root/python os.path.dirname(os.path.dirname("/root/python/test.py")) /root import os BASE_DIR os.path.dirname(os.path.dirna…

前端选择器与遍历 - 笔记

文章目录一 选择器1 原生JS选择器2 JQuery选择器2.1 CSS选择器2.1.1 修改CSS样式2.1.2获得CSS样式2.2 基本选择器2.3 层叠选择器2.4 基本过滤选择器2.5 内容过滤选择器2.6 可视化过滤选择器2.7 属性过滤选择器2.8 子过滤选择器2.9 表单元素选择器2.10 表单元素过滤选择器2.11 其…

百度L4量产杀入乘用车后院,李彦宏首谈“车路城”终极形态

有没有想过&#xff0c;人们研究自动驾驶、车路协同、智能网联的根本目的到底是什么&#xff1f; 李彦宏在今日召开的百度世界大会上给出了答案&#xff0c;为了让城市的运行效率更高&#xff0c;让人们的生活更便捷-而智能城市其实就是自动驾驶的“终局”。 也就说&#xff…

JS -获取元素 (自定义属性 + 文本内容获取信息)

文章目录自定义属性属性操作JS - 方法JQUERY - 添加&#xff0c;获取和移除扩展 - 其他获取属性的方法prop()区别实战根据自定义属性的值来查找元素如果要获取自定义属性的数组多个自定义属性分隔根据文本内容获取元素contains()实战参考文档自定义属性 自定义属性&#xff1a…