我在我的网站上使用了
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');} });
根据需要更改您的选择器部件