郁闷吧 微信小程序 4188479 63242849 39070147 130690866
还没有任何记录...

时时彩杀单双大小技巧专注于网页素材下载 ,提供网站模板、网页设计、ps素材、图片素材等 ,服务于【个人站长】【网页设计师 】和【web开发从业者】的代码素材与设计素材网站。

时时彩杀单双大小技巧提供网页素材下载 、网站模板
这一切都是免费的!
当前位置:时时彩杀单双大小技巧 > javascript > jquery插件 >

jquery插件时时彩杀单双大小技巧 api使用(美化时时彩杀单双大小技巧和radio样式)

来源:web前端开发 作者: 时时彩杀单双大小技巧 日期:2016-08-11 人气:
jquery插件时时彩杀单双大小技巧.js是一个用来美化时时彩杀单双大小技巧和radio样式的插件 ,时时彩杀单双大小技巧提供了丰富的皮肤和回调事件,本文提供时时彩杀单双大小技巧 api使用和实战演示 

jquery插件时时彩杀单双大小技巧.js是一个用来美化时时彩杀单双大小技巧和radio样式的插件 ,时时彩杀单双大小技巧提供了丰富的皮肤和回调事件,本文提供时时彩杀单双大小技巧 api使用和实战演示 

具体的基本使用方法官方 时时彩杀单双大小技巧教程已经写的很多 ,可以看官方时时彩杀单双大小技巧 api使用demo

使用时时彩杀单双大小技巧注意的地方 

1、如果你直接使用$(("[type='时时彩杀单双大小技巧']")).iCheck()发现没有任何皮肤外观 ,那就制定皮肤如:

$(("[type='时时彩杀单双大小技巧']")).iCheck({
  时时彩杀单双大小技巧Class: '时时彩杀单双大小技巧box_minimal-blue',
  radioClass: 'iradio_square-blue'
});
皮肤有很多在skins目录下面,可以单独引入需要的皮肤文件也可以使用 all.css把所有皮肤文件都引入,js配置参数中的皮肤名字 ,观察观察对照skin目录下的css文件名就知道他是怎么组合的了'时时彩杀单双大小技巧box_风格文件夹名  -css文件名'

2、你可以使用 时时彩杀单双大小技巧 cdn引入样式和 js文件

<link href=http://www.vehicleheating.com/JnF1b3Q7aHR0cDovL2Nkbi5ib290Y3NzLmNvbS9pQ2hlY2svMS4wLjIvc2tpbnMvYWxsLmNzcyZxdW90Ow.css rel="stylesheet">
<script src=http://www.vehicleheating.com/JnF1b3Q7aHR0cDovL2Nkbi5ib290Y3NzLmNvbS9pQ2hlY2svMS4wLjIvaWNoZWNrLm1pbi5qcyZxdW90OyZndDsmbHQ7L3NjcmlwdCZndDs8L3ByZQ.js>

时时彩杀单双大小技巧.js使用选中、全选功能实例 

下面来写一个表格中的选中、全选功能来看看时时彩杀单双大小技巧怎么在实际项目中使用,这里对时时彩杀单双大小技巧.js和css资源的引用全部使用外部 时时彩杀单双大小技巧 cdn

<!DOCTYPE html>
<html lang="en">
<head>
  <title>jquery插件时时彩杀单双大小技巧 api使用(美化时时彩杀单双大小技巧和radio样式)-时时彩杀单双大小技巧http://www.vehicleheating.com/</title>
  <meta charset="utf-8">
  <meta content="width=device-width" name="viewport">

  <!--时时彩杀单双大小技巧的样式文件	-->
  <link href=http://www.vehicleheating.com/JnF1b3Q7aHR0cDovL2Nkbi5ib290Y3NzLmNvbS9pQ2hlY2svMS4wLjIvc2tpbnMvYWxsLmNzcyZxdW90Ow.css rel="stylesheet">
  <style>
    body,a{ font-size: 14px; color: #333;}
    th,td{ padding: 6px;}
  </style>
</head>
<body style="padding: 50px;">

<p>jquery插件时时彩杀单双大小技巧.js是一个用来美化时时彩杀单双大小技巧和radio样式的插件	,时时彩杀单双大小技巧提供了丰富的皮肤和回调事件,本文提供时时彩杀单双大小技巧 api使用和实战演示
</p>

<p>具体的基本使用方法官方时时彩杀单双大小技巧教程已经写的很多
,可以看官方demo</p>
<p>下面来写一个表格中的选中、全选功能来看看时时彩杀单双大小技巧怎么在实际项目中使用,这里对时时彩杀单双大小技巧.js和css资源的引用全部使用外部	时时彩杀单双大小技巧 cdn</p>
<table id="testTable">
  <thead>
    <tr><th><input type="时时彩杀单双大小技巧" class="js-时时彩杀单双大小技巧-all"> 全选</th></tr>
  </thead>
  <tbody>
    <tr><td><input type="时时彩杀单双大小技巧"></td></tr>
    <tr><td><input type="时时彩杀单双大小技巧"></td></tr>
    <tr><td><input type="时时彩杀单双大小技巧" disabled></td></tr>
    <tr><td><input type="时时彩杀单双大小技巧"></td></tr>
  </tbody>
</table>

<script src=http://www.vehicleheating.com/JnF1b3Q7aHR0cDovL2Nkbi5ib290Y3NzLmNvbS9qcXVlcnkvMS4xMS4xL2pxdWVyeS5taW4uanMmcXVvdDsmZ3Q7Jmx0Oy9zY3JpcHQmZ3Q7.js
<!--时时彩杀单双大小技巧的js文件-->
<script src=http://www.vehicleheating.com/JnF1b3Q7aHR0cDovL2Nkbi5ib290Y3NzLmNvbS9pQ2hlY2svMS4wLjIvaWNoZWNrLm1pbi5qcyZxdW90OyZndDsmbHQ7L3NjcmlwdCZndDs.js
<script>
var $时时彩杀单双大小技巧All = $(".js-时时彩杀单双大小技巧-all"),
    $时时彩杀单双大小技巧 = $("tbody").find("[type='时时彩杀单双大小技巧']").not("[disabled]"),
    length = $时时彩杀单双大小技巧.length,
    i=0;

//启动时时彩杀单双大小技巧
$(("[type='时时彩杀单双大小技巧']")).iCheck({
  时时彩杀单双大小技巧Class: '时时彩杀单双大小技巧box_minimal-blue',
  radioClass: 'iradio_square-blue'
});

//全选时时彩杀单双大小技巧
$时时彩杀单双大小技巧All.on("ifClicked",function(event){
  if(event.target.checked){
    $时时彩杀单双大小技巧.iCheck('uncheck');
    i=0;
  }else{
    $时时彩杀单双大小技巧.iCheck('check');
    i=length;
  }
});

//监听计数  时时彩杀单双大小技巧http://www.vehicleheating.com/
$时时彩杀单双大小技巧.on('ifClicked',function(event){
  event.target.checked ? i-- : i++;
  if(i==length){
    $时时彩杀单双大小技巧All.iCheck('check');
  }else{
    $时时彩杀单双大小技巧All.iCheck('uncheck');
  }
})

</script>
</body>
</html>

iCheck使用方法api和回调介绍

iCheck初始化

首先引入jQuery v1.7+ (或 Zepto),然后引入jquery.时时彩杀单双大小技巧.js (或者zepto.时时彩杀单双大小技巧.js) 。

iCheck支持所有选择器  (selectors),并且只针对复选框和单选按钮起作用:

// customize all inputs (will search for 时时彩杀单双大小技巧es and radio buttons)
$('input').iCheck();

// handle inputs only inside $('.block')
$('.block input').iCheck();

// handle only 时时彩杀单双大小技巧es inside $('.test')
$('.test input').iCheck({
  handle: '时时彩杀单双大小技巧'
});

// handle .vote class elements (will search inside the element, if it's not an input)
$('.vote').iCheck();

// you can also change options after inputs are customized
$('input.some').iCheck({
  // different options
});

回调事件

iCheck提供了大量回调事件 ,都可以用来监听change事件。

事件名称 使用时机
ifClicked 用户点击了自定义的输入框或与其相关联的label
ifChanged 输入框的 checked 或 disabled 状态改变了
ifChecked 输入框的状态变为 checked
ifUnchecked checked 状态被移除 
ifDisabled 输入框状态变为  disabled
ifEnabled disabled 状态被移除 
ifCreated 输入框被应用了iCheck样式
ifDestroyed iCheck样式被移除

使用on()方法绑定事件 :

$('input').on('ifChecked', function(event){
  alert(event.type + ' callback');
});

ifCreated 事件应该在插件初始化之前绑定 。

方法

下面这些方法可以用来通过编程方式改变输入框状态(可以使用任何选择器):

$('input').iCheck('check'); — 将输入框的状态设置为 checked

$('input').iCheck('uncheck'); — 移除 checked 状态

$('input').iCheck('toggle'); — toggle checked state

$('input').iCheck('disable'); — 将输入框的状态设置为  disabled

$('input').iCheck('enable'); — 移除 disabled 状态

$('input').iCheck('update'); — apply input changes, which were done outside the plugin

$('input').iCheck('destroy'); — 移除iCheck样式

这里没有列出所有基本使用demo,你可以查看官方时时彩杀单双大小技巧教程时时彩杀单双大小技巧 api使用demo

本文链接:jquery插件时时彩杀单双大小技巧 api使用(美化时时彩杀单双大小技巧和radio样式)http://www.vehicleheating.com/js/jquery/时时彩杀单双大小技巧.html

(责任编辑:时时彩杀单双大小技巧)

jquery插件时时彩杀单双大小技巧 api使用(美化时时彩杀单双大小技巧和radio样式)由时时彩杀单双大小技巧收集整理,您可以自由传播 ,请主动带上本文链接

web前端开发就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您 。