JSFiddle - React, Tailwind, and code Playground

HTML

<input id="my_checkbox" type="checkbox"/>

<br />

<a id="my_link" href="#">Click here to toggle checkbox state</a>

JavaScript

$('#my_checkbox').change(function() {
    if($('#my_checkbox').is(':checked')) {
        $('#my_link').css('color', 'red');
    } else {
        $('#my_link').css('color', 'green');
    }
  });

$('#my_link').click(function() {
    $('#my_checkbox').trigger('click');
    return false;
});