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