postman: dynamisches feld mit wert von input hidden...??!

hi leute.
ich hab hier mal eine kleine testseite geschrieben,
welche mein problem exakt beschreibt. es geht darum,
dass sich ein text auf der seite ändern soll, sobald
eine checkbox angewählt ist. das problem ist nun, dass
der HTML teil der seite nur 1x ausgeführt wird. und ein
reload der seite möcht ich möglichst vermeiden...
hier die seite:

<html>
<head>

<script language="JavaScript">
<!--
  function change() {
    var checked = false;
    if (document.myForm.chkbox != null) {
      checked = document.myForm.chkbox.checked;
    }

//change data
    if (checked == false) {
      newEntry = new Option('not checked');
      document.myForm.myListbox.options[0] = newEntry;
      document.myForm.s_earliestDate.value = 'not checked...';
    }
    else {
      newEntry = new Option('checked');
      document.myForm.myListbox.options[0] = newEntry;
      document.myForm.s_earliestDate.value = 'checked...';
    }
  }
//-->
</script>
</head>

<form name="myForm">
<p>
  <select name="myListbox">
    <option>no value...</option>
  </select>
</p>
<input type="checkbox" name="chkbox" value="132" ONCLICK="change()">
<p>
<input type="text" name="s_earliestDate" value="no value...">
</p>
<script type="text/javascript">
  <!--
    document.write("output:  " + document.myForm.s_earliestDate.value);
  //-->
</script>
</form>

</body>
</html>

gruss
postman