期日に応じてチェックボックスを有効にしたり無効に
<input name="希望区域" onClick="chBx('ch1')"type="checkbox" id="ch1" value="末広町 " disabled="disabled">
<input name="希望区域" onClick="chBx('ch2')"type="checkbox" id="ch2" value="緑町 " disabled="disabled">
<input name="希望区域" onClick="chBx('ch3')"type="checkbox" id="ch3" value="新田町 " disabled="disabled">
・
・
・
<input name="希望区域" onClick="chBx('ch39')"type="checkbox" id="ch39" value="青空台 " disabled="disabled">
と、約70個のチェックボックスが並んでおり、例えば、9月末になったらch5～ch9のチェックボックスを有効に、10月15日になったらch11～ch18をdisabledで無効に…といった具合に、期日に応じてチェックボックスを有効にしたり無効にしたりしたいのですが、Javascriptの具体的な書き方がわかりません。
<script type="text/javascript"><!--
var d1 = new Date("Nov 6, 2003 00:00:00");
var d2 = new Date();
var d3 = new Date("Aug 16,2012 00:00:00");
if ((d1.getTime() < d2.getTime()) && (d2.getTime() < d3.getTime())) {
document.write("<img src=\"..\/..\/images\/new.gif\" width=\"35\" height=\"12\"align=\"absmiddle\">");
}
// --></script>
という、期日が来たら画像の表示を消すソースが手元にあったので、これをいじって
<script type="text/javascript"><!--
var d1 = new Date("Nov 6, 2003 00:00:00");
var d2 = new Date();
var d3 = new Date("Aug 16,2012 00:00:00");
if ((d1.getTime() < d2.getTime()) && (d2.getTime() < d3.getTime())) {
document.nForm.ch41.disabled=false;
}
// --></script>
としてみたのですが、私がJavascriptの知識が非常に浅いせいで文法が間違っているんだと思いますが、これでは正しく働いてくれませんでした。
ちなみに、上のチェックボックスの部分のソースに onClick="chBx('ch3')" という記述があるのは、チェックボックスを3つ以上チェックできないようにするスクリプトを配置してあるためです。
期日に応じてチェックボックスを有効にしたり無効にしたりするには、上の document.nForm.ch41.disabled=false; を少し書き換えるくらいでは何とかならないでしょうか？
方法を教えて頂けるとありがたく存じます。
どうかよろしくお願い致します。
お礼
ありがとうございます。 リストボックスにもうまく応用できました。 期待通りの効果です。 感謝いたします。(２時間以上悩んだ) 20point じゃあお礼が言い足りないくらいです。