w3h5

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


赞 (7)
分享到: +More |

评论 沙发

换个身份