我在我的网站上使用了
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.jb51.cc/jquery/182147.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。