JSFiddle - React, Tailwind, and code Playground

HTML

<form id="test">

<input readonly="readonly" class="readonly" value="test1"></input>
    
<input readonly="readonly" value="test2"></input>

</form>

JavaScript

$(".readonly").val("foobar");


$("input[readonly]").click(function(){
    $(this).removeProp("readonly");
});