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');


未经允许不得转载:Web前端开发资源网 » iCheck实现radio单选框点击选中/取消选中

推荐阅读:

WebStorm怎么设置实现自动编译less文件

2018年4月24日 服务器换成腾讯云

CSS屏蔽手机端长按选中 防止图片自动放大 禁止复制

js 获取input的value值及验证手机号和汉字的正则表达式

腾讯云IIS 百度HTTPS认证失败必读及抓取诊断

赞 (7)
分享到: +

评论 沙发

Avatar

换个身份

  • 昵称 (必填)
  • 邮箱 (选填)