使用CheckBox的indeterminate屬性的問題

我們在使用Windows

XP的檔案夾屬性對話框時，會發現檔案夾的Attributes分類裡的Read-only和Hidden選項有時不是完全的checked或unchecked狀态，而常常是一種雖然已被打勾但背景又是灰色的狀态。其實這種不确定的CheckBox狀态Web中也是可以表現的。 

    在Web頁面中，我們可以使用<input id="chkb"

type="CheckBox">來得到一個CheckBox控件。這個控件最常見的形式就是checked(被打上一個勾)或unchecked狀态，我們可是使用滑鼠點選來輕松的切換這兩個狀态，同時也可以使用腳本語言來改變它們的狀态，比如使用JavaScript腳本：

chkb.checked = true; 或 chkb.checked = false;

    下圖是CheckBox可以表現的三種狀态：

    第一種和第三種很常見，而且它們是可以使用HTML來設定的，就是說我們可以把CheckBox的初始狀态通過一個叫checked的html元素的屬性來确定。我們這裡要說的Indeterminate狀态雖然在IE4.0就開始支援了，可是卻沒有html元素屬性來設定其值，而隻能使用腳本來設定其Indeterminate狀态。

    比如使用JavaScript腳本(indeterminate預設是false)：

chkb.indeterminate = true; 或 chkb.indeterminate = false;

    注意：CheckBox的indeterminate是一個獨立的屬性，和CheckBox的checked、status的取值無關，也就是說它隻會影響CheckBox的外觀顯示，我們仍然可以正常的使用腳本讀取checked和status的值。

本文轉自部落格園鳥食軒的部落格，原文連結：http://www.cnblogs.com/birdshome/，如需轉載請自行聯系原部落客。