JSFiddle - React, Tailwind, and code Playground

by TheBuzzer

HTML

<form>
    <label for="Input1">Surnom:</label>
    <input type="text" value="admin" id="Input1" disabled="disabled" />
    <input type="checkbox" id="CheckedInput" />
    <label for="CheckedInput">Edit</label><br /><br />
    <input type="text" value="" id="Copied" />
</form>

JavaScript

$(document).ready( function () {
    
    $('#Input1').change( function () {
        $("#Copied").val($("#Input1").val());
    });

    $("#CheckedInput").click( function () {
        if ($("#CheckedInput").is(":checked")) {
            $("#Input1").removeAttr('disabled');
        } else {
            $("#Input1").attr('disabled', 'disabled');
        }
    });

});