JSFiddle - React, Tailwind, and code Playground

HTML

<form name="main_form" enctype="multipart/form-data" id="main_form"><div class="cellName"><span class="inputLabel">
                        
                        Name                    </span></div><div class="cellData">
            <input type="text" id="metadata_field_text_10190_value" class="sq-form-field inputText typeText" size="30" value="test" name="metadata_field_text_10190_value"> &nbsp; &nbsp; &nbsp; <input type="checkbox" class="sq-form-field defaultCheckbox" id="metadata_field_text_10190_default" onclick="console.log(this.form.elements['metadata_field_text_10190_value']);with(this.form.elements['metadata_field_text_10190_value']) { disabled = this.checked; if (this.checked) { value = ''; } else {if(value=='') {value=' '; value = '';}}}; " value="1" name="metadata_field_text_10190_default"><label for="metadata_field_text_10190_default" class="defaultLabel">Use default</label>                   </div></form>

JavaScript

$("#metadata_field_text_10190_default").attr("checked", true)[0].onclick();