Добавить текстовое форматирование к флажку закрытия текста

Question

У меня есть небольшая проблема на моем веб-сайте WordPress. Я хочу добавить начертание шрифта к тексту «Испания», когда установлен флажок рядом с ним. Я пробовал разные коды в jquery, один из которых использует WrapInner (), но безуспешно

<div class="checkbox">
    <label for="pais_produtores-spain">
        <input type="checkbox" id="pais_produtores-spain" class="js-wpv-filter-trigger" name="wpv-pais_produtores[]" value="spain" checked="checked">
        Spain
    </label>
</div>

Какое лучшее решение для этой маленькой проблемы?

Answer 1

с помощью jquery .is(':checked') вы можете увидеть, установлен ли флажок, а затем применить стиль с помощью jquery s .css() function

$( "#pais_produtores-spain" ).on( "click", function(){
  if($(this).is(':checked')){
    console.log('now its checked');
    $(this).parent().css('font-weight', 'bolder');
  }else{
    console.log('not checked anymore');
    $(this).parent().css('font-weight', 'normal');
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="checkbox">
    <label for="pais_produtores-spain">
        <input type="checkbox" id="pais_produtores-spain" class="js-wpv-filter-trigger" name="wpv-pais_produtores[]" value="spain" checked="checked">
        Spain
    </label>
</div>