checkbox的indeterminate屬性使用介紹_HTML/Xhtml_網頁製作

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

在Web頁中，我們可以使用來得到一個CheckBox控制項。這個控制項最常見的形式就是checked(被打上一個勾)或unchecked狀態，我們可是使用滑鼠點擊來輕鬆的切換這兩個狀態，同時也可以使用腳本語言來改變它們的狀態，例如使用JavaScript腳本：

複製程式碼

程式碼如下:

chkb.checked = chkbbecked = false;

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

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

比如使用JavaScript腳本(indeterminate默認是false)：

複製代碼

代碼如下:

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

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