我們在使用Windows XP的文件夾屬性對話框時,會發(fā)現(xiàn)文件夾的Attributes分類里的Read-only和Hidden選項(xiàng)有時不是完全的checked或unchecked狀態(tài),而常常是一種雖然已被打勾但背景又是灰色的狀態(tài)。其實(shí)這種不確定的CheckBox狀態(tài)Web中也是可以表現(xiàn)的。
在Web頁面中,我們可以使用<input id="chkb" type="CheckBox">來得到一個CheckBox控件。這個控件最常見的形式就是checked(被打上一個勾)或unchecked狀態(tài),我們可是使用鼠標(biāo)點(diǎn)擊來輕松的切換這兩個狀態(tài),同時也可以使用腳本語言來改變它們的狀態(tài),比如使用JavaScript腳本:
代碼如下:
chkb.checked = true; 或 chkb.checked = false;
下圖是CheckBox可以表現(xiàn)的三種狀態(tài):
第一種和第三種很常見,而且它們是可以使用HTML來設(shè)置的,就是說我們可以把CheckBox的初始狀態(tài)通過一個叫checked的html元素的屬性來確定。我們這里要說的Indeterminate狀態(tài)雖然在IE4.0就開始支持了,可是卻沒有html元素屬性來設(shè)置其值,而只能使用腳本來設(shè)置其Indeterminate狀態(tài)。
比如使用JavaScript腳本(indeterminate默認(rèn)是false):
代碼如下:
chkb.indeterminate = true; 或 chkb.indeterminate = false;
注意:CheckBox的indeterminate是一個獨(dú)立的屬性,和CheckBox的checked、status的取值無關(guān),也就是說它只會影響CheckBox的外觀顯示,我們?nèi)匀豢梢哉5氖褂媚_本讀取checked和status的值。
更多信息請查看IT技術(shù)專欄