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 显示行号+自动换行+鼠标滚轮缩放设置

Vue.js学习笔记——项目目录结构

各大网站CSS初始化代码集合

input[type=file]去掉“未选择任何文件”及样式改进

Jetbrains系列激活补丁JetbrainsCrack-2.8更新

赞 (7)
分享到: +

评论 沙发

Avatar

换个身份

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