专栏首页前端资源iCheck实现radio单选框点击选中/取消选中

iCheck实现radio单选框点击选中/取消选中

iCheck插件,我就不详细介绍了,大家可以看官方的文档:http://www.bootcss.com/p/icheck/

radio单选框默认是选中后不能取消选中的,使用了iCheck插件后,如果在写js去修改的话很麻烦,不过iCheck自带一个 ifClicked 事件,利用这个事件可以实现 单选框点击 选中和取消选中效果。

ifClicked :用户点击了自定义的输入框或与其相关联的label,代码如下:

$('input').on('ifClicked', function(event){
    if($(this).is(":checked")){
        $(this).attr("checked",false);
    }
    $('input').iCheck('update');
});

取消某个input的iCheck效果,我就是记录一下,与上面无关。

$("#menu-btn").iCheck('destroy');

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • css的cursor属性 鼠标指针样式

    cursor 属性规定要显示的光标的类型(形状),该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状(不过 CSS2.1 没有定义由哪个边界确定这个范围...

    德顺
  • git流水线(Pipeline)导致分支(Branch)无法合并的解决方法

    Pipelines 中文称为流水线,是分阶段执行的构建任务。如:安装依赖、运行测试、打包、部署开发服务器、部署生产服务器等流程。每一次 push 或者 Merg...

    德顺
  • 解决PhpStorm配置FTP后打开本地文件跳服务器IP的方法

    新建 FTP 时,本地路径(Local path)默认会是当前项目的目录,可以新建一个目录,用来当做服务器的本地目录,这样就可以正常用浏览器打开本地项目的文件了...

    德顺
  • Java 8之lambda表达式(二)

    code_horse
  • 坚守使命,逐梦前行,TEG TALK再发声

    2017年TEG领导力大会 坚守使命,逐梦前行 技术创造未来 在今天上午举行的2017年TEG领导力大会上,“TEG TALK”再现精彩,7位TEG TALK的...

    TEG云端专业号
  • 深度卷积神经网络演化历史及结构改进脉络-40页长文全面解读

    从1989年LeCun提出第一个真正意义上的卷积神经网络到今天为止,它已经走过了29个年头。自2012年AlexNet网络出现之后,最近6年以来,卷积神经网络得...

    SIGAI学习与实践平台
  • 卷积神经网络工作原理直观的解释?

    CNN(卷积神经网络)形象地来说像一个黑匣子,只能看到输入和输出的数据,不太清楚其匣子内部到底怎么运转的:如何从初始状态一步步走向结果。 不同层数的卷积处理出来...

    用户1332428
  • CNN神经网络的直观解释

    卷积神经网络(ConvNets 或者 CNNs)属于神经网络的范畴,已经在诸如图像识别和分类的领域证明了其高效的能力。卷积神经网络可以成功识别人脸、物体和交通信...

    bear_fish
  • 深入探究深度卷积语义分割网络和 Deeplab_V3

    深度卷积神经网络(DCNN)在各种计算机视觉应用中取得了显着的成功。当然,语义分割的任务也不例外。

    AI研习社
  • 深度学习算法优化系列四 | 如何使用OpenVINO部署以Mobilenet做Backbone的YOLOv3模型?

    因为最近在和计算棒打交道,自然存在一个模型转换问题,如果说YOLOv3或者YOLOV3-tiny怎么进一步压缩,我想大多数人都会想到将标准卷积改为深度可分离卷积...

    BBuf

扫码关注云+社区

领取腾讯云代金券