controler readonly

Bonjour,
j'essai de contrôler le readonly de mon champ texte, je voudrais que si la personne coche la case à cocher, il puisse alors écrire dans mon champ texte mais si elle n'est pas cocher qu'il ne puisse pas écrire!

Voici mon formulaire :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
 
    <td><form name="form1" method="post" action="">
      <label>
        <input type="text" name="textfield" readonly size="5" maxlength="5" value="00:00" >
      </label>
      <label>
      <input type="checkbox" name="checkbox" value="checkbox" onClick="ChangeStatut1(this.form)">
      </label>
      <label>
      <input type="submit" name="Submit" value="Envoyer" style="visibility:hidden">
      </label>
    </td></form>

Voici ma fonction javascript :

Code:

1
2
3
4
5
6
7
8
 
 
 <script type="text/javascript">
 function ChangeStatut1(formulaire) {
  if(formulaire.checkbox.checked == true) {formulaire.textfield.readonly='false';  formulaire.Submit.style.visibility = 'visible'; }
  if(formulaire.checkbox.checked == false) {formulaire.Submit.style.visibility = 'hidden'; }
 }
 </script>

Merci de votre aide