JSFiddle - React, Tailwind, and code Playground

HTML

<div class="terms">
   <input type="checkbox" name="terms" value="Acepto las condiciones" />
   <p class="checkbox"></p>
   <p>Acepto las condiciones <a title="Términos y condiciones" href="static.html">?</a></p>
</div>

<div class="terms">
   <input type="checkbox" name="terms" value="Acepto las condiciones" />
   <p class="checkbox"></p>
   <p>Acepto las condiciones <a title="Términos y condiciones" href="static.html">?</a></p>
</div>

CSS

.checked { background: tomato }

JavaScript

$('.terms input:checkbox').on('change', function(){          
    $(this).parent().toggleClass("checked");
    
});