Я используюFont Awesome для иконок на моем сайте. Я довольно новичок в HTML & amp; 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');
});

Я уверен, что это не тот способ, которым его следует использовать. Не могли бы вы подсказать мне, каким должен быть способ его использования.

Теперь; Я хочу использовать флажки, и моя цель состоит в том, чтобы поставить / снять флажок и показать соответствующий значок. Когда отмечено: иконка-проверка; снят: значок-проверка-пусто

Пожалуйста, ведите меня!