icheck

自定义复选框和单选按钮
授权协议 MIT
开发语言 JavaScript
所属分类 jQuery 插件、 jQuery表单及相关
软件类型 开源软件
地区 不详
投 递 者 邢焕
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

iCheck 是一套基于 jQuery 的自定义复选框和单选按钮,以避免在日常开发中重复造轮子。在数量庞大的浏览器,设备和它们的不同版本中,它提供了风格一致的外观。回调和方法可以用来方便地处理修改和自定义输入。

目前兼容 IE 7+,Firefox 2+,Chrome,Safari 3+ 和 Opera 9+ 浏览器。此外,还支持 Opera mini, Chrome mobile, Safari mobile 等移动浏览器也都支持。在 iOS,Android,BlackBerry 和 Windows Phone 设备测试通过。

  • 一. 常用方法改变iCheck的状态 1. 使拿到的iCheck标签选中 $('#input-1, #input-3').iCheck('check'); 2. 使拿到的iCheck标签非选中 $('#input-1, #input-3').iCheck('uncheck'); 3. 使拿到ICheck标签不可点击 $('#input-2, #input-4').iCheck('disable')

  • 回调函数 iCheck 提供了回调事件,都可以用来监听 change 事件 事件名称 使用时机 ifClicked 用户点击了自定义的输入框或与其相关联的label ifChanged 输入框的 checked 或 disabled 状态改变了 ifChecked 输入框的状态变为 checked ifUnchecked checked 状态被移除 ifDisabled 输入框状态变为 disab

  • 初始化 $(input).iCheck({checkboxClass:"icheckbox_square-green",radioClass:"iradio_square-green"}); 回调事件 iCheck提供了大量回调事件,都可以用来监听change事件。 事件名称 使用时机 ifClicked 用户点击了自定义的输入框或与其相关联的label ifChanged 输入框的 checke

  • 表单复选框、单选框控件美化插件,主要作用为: 渲染并美化当前页面的复选框或单选框 响应复选框或单选框的点击事件 页面引用 CSS 部分   <!-- iCheck for checkboxes and radio inputs --> <link rel="stylesheet" href="/static/assets/plugins/iCheck/all.css"> JS 部分   <!--

  • 一、iCheck绑定事件 iCheck提供了大量回调事件,支持所有选择器(selectors),并且只针对复选框checkbox和单选radio按钮起作用。 事件名称 触发原因 ifClicked 用户点击了自定义的输入框或与其相关联的label ifChanged 输入框的 checked 或 disabled 状态改变了 ifChecked 输入框的状态变为 checked ifUncheck

  • 一 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

  •   iCheck插件的基础用法 1、初始化: 选中元素进行初始化; $('input').iCheck({   checkboxClass: 'icheckbox_flat-blue', //选择框的风格。   radioClass: 'icheckbox_flat-blue', }); 具体颜色: Black — minimal.css //黑色 Red — red.css //红色 Green

  • HTML: <tbody class="text-c tbody" id="tbody"> {foreach $order as $v} <tr class="info_tr " jwid="{$v.id}" tit="{$v.title}"> <td ><input id="is_show_{$v.id}" class="is_show" type="checkbox" name="

  • 不使用iCheck自带方法 $("input:radio[name='" + yblxid1 + "']").eq(5).removeAttrs("checked","checked"); $("input:radio[name='" + yblxid1 + "']").eq(5).parent().removeClass("checked"); $("input:radio[name='" +

  • 作用: 渲染并美化当前页面的复选框或单选框 响应复选框或单选框的点击事件 特点: 在不同浏览器(包括ie6+)和设备上都有相同的表现 — 包括 桌面和移动设备 支持触摸设备 — iOS、Android、BlackBerry、Windows Phone等系统 方便定制 — 用HTML 和 CSS 即可为其设置样式 (多套皮肤) 体积小巧 — gzip压缩后只有1 kb 25 种参数 用来定制复选框(

  • iCheck复制之后选中得取消不了,甚至点击不了, 后经多方测试,得到如下方法 先销毁 $(".i-checks").iCheck('destroy') 然后在复制的哪里,取消这个选中 $(add_html).find(".i-checks").iCheck('uncheck'); 然后初始化 $('.i-checks').iCheck({ checkboxClass:

  • iCheck 概要 表单复选框、单选框控件美化插件,主要作用为: 渲染并美化当前页面的复选框或单选框 响应复选框或单选框的点击事件 页面引用 css部分 1 <!-- iCheck for checkboxs and radio inputs--> 2 <link rel="stylesheet" href="/static/assets/plugins/iCheck/all.css"> JS部

  • 参数: 下面是参数列表及其默认值: { // 'checkbox' or 'radio' to style only checkboxes or radio buttons, both by default handle: '', // base class added to customized checkboxes checkboxClass: 'icheckbox',

  • HTML  Sample     JS$('input').iCheck({ checkboxClass: 'checkbox-default', radioClass: 'radio-default' }); $('body').on('click', '.add-new-option', function() { $('.new-option-content').append('    Sam

  • icheck使用方法 1、选择你要使用的皮肤样式主题,共6个 flat, futurico, line, minimal, polaris, square 每个皮肤底下有好几个可以选择的颜色,例如: Black — square.css Red — red.css Green — green.css Blue — blue.css Aero — aero.css Grey — grey.css O

  • 在使用jQuery iCheck 插件的时候遇到了一个问题,就是当我们使用普通的js全选功能无效了。 $("#checkall").click( function(){ if(this.checked){ $("input[name='checkname']").each(function(){this.checked=tru

 相关资料
  • 问题内容: 如何在flutter中创建这样的自定义单选按钮组 问题答案: 这是完整的代码 To use :

  • 这是一个 列表 拓展,可以用来创建单选和复选按钮组。 复选按钮组 <div class="list-block"> <ul> <!-- Single chekbox item --> <li> <label class="label-checkbox item-content"> <!-- Checked by default -->

  • 主要内容:Checkbutton复选框控件单选框按钮控件(Radiobutton),同样允许用户选择具体的选项值,不过与 Listbox 相比,单选按钮控件仅允许用户选择单一的选项值,各个选项值之间是互斥的关系,因此只有一个选项可以被用户选择。 Radiobutton 控件通常都是成组出现的,所有控件都使用相同的变量。Radiobutton 可以包含文本或图像,每一个按钮都可以与一个 Python 函数相关联。当按钮被按下时,对应的函数会

  • 描述 (Description) 复选框可用于从列表中选择多个选项; 单选按钮可用于仅选择一个选项。 在fieldset元素中包含一组复选框和单选按钮,并使用legend元素为它们提供公共文本。 fieldset元素中的每个控件都必须具有单独的标签,可以使用label标签创建。 例子 (Example) 以下示例演示了在Foundation中使用checkboxes and radio butto

  • 问题内容: 如何设置HTML复选框,单选按钮和下拉菜单的样式?可以吗 我想为复选框或单选按钮使用图像,对列表使用相同的图像-下拉箭头在大多数情况下看起来不太好。 问题答案: 请参阅jQuery插件的2个链接(用于样式化复选框和单选按钮): http://line25.com/articles/jquery-plugins-for-styling-checkbox-radio- buttons ht

  • 主要内容:本节引言:,1.基本用法与事件处理:,2.自定义点击效果,3.改变文字与选择框的相对位置,4.修改文字与选择框的距离,本节小结:本节引言: 本节给大家带来的是Andoird基本UI控件中的RadioButton和Checkbox; 先说下本节要讲解的内容是:RadioButton和Checkbox的 1.基本用法 2.事件处理; 3.自定义点击效果; 4.改变文字与选择框的相对位置; 5.修改文字与选择框的距离 其实这两个控件有很多地方都是类似的,除了单选和多选,事件处理,其他的都是类

  • 我已经自定义了应用程序中的所有单选按钮,但是listPreference中的单选按钮没有被自定义。 我用了这个名为btn_radio.xml 这是自定义的无线电按钮,它扩展了Android自定义单选按钮 在我的应用程序的主题中,我做了这些更改 此更改自定义我的应用程序中除列表首选项中的单选按钮之外的所有单选按钮

  • 本文向大家介绍Bootstrap复选框和单选按钮美化插件(推荐),包括了Bootstrap复选框和单选按钮美化插件(推荐)的使用技巧和注意事项,需要的朋友参考一下 官网地址 需要引入awesome-bootstrap-checkbox.css、font-awesome.css以及font awesome对应的字体font文件,可在上面的网站上下载。 checkboxs的样式 radio的样式 ra