PHP & JavaScript Room :: 設置サンプル

<form action="#" name="frmD">
    <p>
        テキストエリア：
        <input type="button" value="読取専用" onclick="fSetReadOnly(true)" />
        <input type="button" value="解除" onclick="fSetReadOnly(false)" />
    </p>
    <p><textarea name="taD">テキストエリアです。</textarea></p>
</form>

<script type="text/javascript">
    function fSetReadOnly(_bool){
        var elm=document.forms["frmD"].elements["taD"];
        elm.readOnly=_bool;
        elm.value="readOnly = "+elm.readOnly;
    }
</script>