JSFiddle - React, Tailwind, and code Playground

HTML

<input id="myHiddenField" name="my[hidden_field]" type="hidden" value="false">
    
<a id="myDiv">Click Me</a>

CSS

#myDiv {
    background:red;
    padding:10px;
    cursor:pointer
}

JavaScript

$('#myDiv').on('click', function() {
    var hiddenField = $('#myHiddenField'),
        val = hiddenField.val();

    hiddenField.val(val === "true" ? "false" : "true");
    console.log("new value: " + hiddenField.val());
});