[HTML][PHP]getElementById readonly Opcje

[favik]

[HTML] pobierz, plaintext 
<input type="text" name="title" value="{$video[0].title}" readonly='readonly' id="title" class="large">
            {literal}
            <input type="checkbox" name="an" onClick="if(this.checked==true){
            document.getElementById('title').readonly=false; 
            document.getElementById('title').style.color = 'gray'; 
            }else{ 
            document.getElementById('title').readonly=true; 
            document.getElementById('title').style.color = 'red';
            }" >
            {/literal}
[HTML] pobierz, plaintext 

Dlaczego ten kod działa tylko w ten sposób, że zmienia kolor w elemencie input text, a nie zmienia jego właściwości readonly?
Proszę o ewentualne poprawienie kodu.