いくつかのチェックボックスをデフォルトで無効に設定したいページがありますが、JavaScriptを使用して有効にすることができます。ページソースを表示すると、チェックボックスのHTMLは次のようになります。
<input type="checkbox" id="morning1" name="morning[]" class="morning" value="1" disabled="disabled" />
ただし、ボックスは実際には有効になっています。さらに、Firebugでそれらをチェックすると、無効になっているプロパティも表示されません。ここで何が起こっているのか分かりますか?私の最初のHTMLコードはどういうわけか欠陥がありますか?
OK、これが私のページがテーブルセル全体のコンテンツに対して生成しているものです:
<span class="dayOfWeek">1</span>
<div class="cellContent"><input type="checkbox" id="allDay1" name=allDay[] class="allDay" value="1" checked="checked" /> <label for="allDay1">All Day</label><br />
<input type="checkbox" id="morning1" name="morning[]" class="morning" value="1" disabled="disabled" /> <label for="morning1">Morning</label><br />
<input type="checkbox" id="afternoon1" name="afternoon[]" class="afternoon" value="1" disabled="disabled" /> <label for="afternoon1">Afternoon</label><br />
<input type="checkbox" id="evening1" name="evening[]" class="evening" value="1" disabled="disabled" /> <label for="evening1">Evening</label><br />
<input type="checkbox" id="swingShift1" name="swingShift[]" class="swingShift" value="1" disabled="disabled" /> <label for="swingShift1">Swing Shift</label><br />
<input type="checkbox" id="earlyMorning1" name="earlyMorning[]" class="earlyMorning" value="1" disabled="disabled" /> <label for="earlyMorning1">Early Morning</label></div>