jqueryiCheck.js实现的自定义复选框checkbox和单选框radio样式插件.zip资源-CSDN文库

共148个文件

png：86个

css：58个

js：3个

版权申诉

jquery

5 浏览量 2022-11-05 00:05:35 上传评论收藏 332KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

jquery iCheck.js实现的自定义复选框checkbox和单选框radio样式插件.zip （148个子文件）

_all.css 20KB

_all.css 14KB

_all.css 12KB

yellow.css 2KB

purple.css 2KB

orange.css 2KB

green.css 2KB

aero.css 2KB

blue.css 2KB

grey.css 2KB

pink.css 2KB

red.css 2KB

line.css 2KB

all.css 2KB

yellow.css 1KB

orange.css 1KB

purple.css 1KB

yellow.css 1KB

orange.css 1KB

purple.css 1KB

yellow.css 1KB

orange.css 1KB

purple.css 1KB

green.css 1KB

aero.css 1KB

blue.css 1KB

grey.css 1KB

pink.css 1KB

aero.css 1KB

blue.css 1KB

grey.css 1KB

pink.css 1KB

aero.css 1KB

blue.css 1KB

grey.css 1KB

pink.css 1KB

red.css 1KB

minimal.css 1KB

polaris.css 1KB

square.css 1KB

yellow.css 1KB

orange.css 1KB

purple.css 1KB

green.css 1KB

aero.css 1KB

blue.css 1KB

grey.css 1KB

pink.css 1KB

futurico.css 1KB

red.css 1KB

flat.css 1KB

index.html 2KB

jquery.js 91KB

zepto.js 18KB

icheck.min.js 5KB

polaris@2x.png 16KB

polaris.png 6KB

purple@2x.png 4KB

green@2x.png 4KB

red@2x.png 4KB

blue@2x.png 4KB

grey@2x.png 4KB

pink@2x.png 4KB

square@2x.png 4KB

orange@2x.png 4KB

aero@2x.png 4KB

yellow@2x.png 4KB

futurico@2x.png 3KB

red@2x.png 3KB

orange@2x.png 3KB

aero@2x.png 3KB

pink@2x.png 3KB

purple@2x.png 3KB

blue@2x.png 3KB

grey@2x.png 3KB

flat@2x.png 3KB

yellow@2x.png 3KB

green@2x.png 3KB

green.png 2KB

red.png 2KB

pink.png 2KB

共 148 条

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="keywords" content="JS代码,其他代码,JS广告代码,JS特效代码" /> <meta name="description" content="JQUERY自定义复选框checkbox和单选框radio样式插件iCheck.js下载" /> <title>JQUERY自定义复选框checkbox和单选框radio样式插件iCheck.js下载 </title> <link href="css/square/blue.css" rel="stylesheet"> <script src="js/jquery.js"></script> <script src="js/icheck.min.js"></script> </head> <body style="text-align:center;">  <div style="margin:30px;">type=checkbox, 多选</div> <input type="checkbox"> <input type="checkbox" checked> <div style="margin:30px;">type=radio，单选</div> <input type="radio" name="iCheck"> <input type="radio" name="iCheck" checked> <div style="margin:30px;">禁止选取</div> <input type="radio" name="iCheck" id="example"> <script> $(document).ready(function(){ $('input').iCheck({ checkboxClass: 'icheckbox_square-blue', // 注意square和blue的对应关系,用于type=checkbox radioClass: 'iradio_square-blue', // 用于type=radio increaseArea: '20%' // 增大可以点击的区域 }); }); // 选中事件绑定 $('input').on('ifChecked', function(event){ alert('被选中了'); }); // 取消选中事件绑定 $('input').on('ifUnchecked', function(event){ alert('被取消了'); }); // 禁止选取 $('#example').iCheck('disable'); </script>  </body> </html>

评论收藏

内容反馈

版权申诉