前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >iCheck实现radio单选框点击选中/取消选中

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

作者头像
德顺
发布2019-11-13 17:07:54
4.7K0
发布2019-11-13 17:07:54
举报
文章被收录于专栏:前端资源

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

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

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

代码语言:javascript
复制
$('input').on('ifClicked', function(event){
    if($(this).is(":checked")){
        $(this).attr("checked",false);
    }
    $('input').iCheck('update');
});

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

代码语言:javascript
复制
$("#menu-btn").iCheck('destroy');
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018-10-15),如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档