jquery – 如何使用Font Awesome复选框等

前端之家收集整理的这篇文章主要介绍了jquery – 如何使用Font Awesome复选框等前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在我的网站上使用了 Font Awesome图标。我对HTML& CSS。我试图使用这个复选框,很难弄清楚我如何使用它来启用/禁用复选框,并获得显示的approrpiate图标。

例如;我使用以下标签复选框:

<div style="font-size: 24px;">
<i id="prime" type="checkBox" class="icon-check-empty"></i>icon-check
</div>

当启用/禁用复选框时,我正在使用下面的jQuery来更改图标:

$(".icon-check-empty").click(function(){
    $('#prime').removeClass('icon-check-empty');
    $('#prime').addClass('icon-check');
});

我确定这不会是如何使用的方式。你可以指导我应该如何使用它的方式。

目前;我想使用复选框,我的目标是检查/取消选中复选框,并显示相应的图标。检查时:图标检查;未选中:图标检查为空

请指导我!

解决方法

$("yourselector").click(function(){
    if($(this).hasClass('icon-check')){
        $(this).removeClass('icon-check').addClass('icon-check-empty');}
    else {
        $(this).removeClass('icon-check-empty').addClass('icon-check');}
});​

根据需要更改您的选择器部件

原文链接:https://www.f2er.com/jquery/182147.html

猜你在找的jQuery相关文章