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

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

<script type="text/javascript">
    function fSetReadOnlyDOM(_bool){
        var taObj=document.getElementById("taD2");
        taObj.readOnly=_bool;
        taObj.value="readOnly = "+taObj.readOnly;
    }
</script>