checkbox的indeterminate屬性使用介紹
來(lái)源:易賢網(wǎng) 閱讀:1599 次 日期:2014-07-22 11:26:02
溫馨提示:易賢網(wǎng)小編為您整理了“checkbox的indeterminate屬性使用介紹”,方便廣大網(wǎng)友查閱!

我們?cè)谑褂肳indows XP的文件夾屬性對(duì)話框時(shí),會(huì)發(fā)現(xiàn)文件夾的Attributes分類里的Read-only和Hidden選項(xiàng)有時(shí)不是完全的checked或unchecked狀態(tài),而常常是一種雖然已被打勾但背景又是灰色的狀態(tài)。其實(shí)這種不確定的CheckBox狀態(tài)Web中也是可以表現(xiàn)的。

在Web頁(yè)面中,我們可以使用<input id="chkb" type="CheckBox">來(lái)得到一個(gè)CheckBox控件。這個(gè)控件最常見(jiàn)的形式就是checked(被打上一個(gè)勾)或unchecked狀態(tài),我們可是使用鼠標(biāo)點(diǎn)擊來(lái)輕松的切換這兩個(gè)狀態(tài),同時(shí)也可以使用腳本語(yǔ)言來(lái)改變它們的狀態(tài),比如使用JavaScript腳本:

名單

代碼如下:

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

下圖是CheckBox可以表現(xiàn)的三種狀態(tài):

第一種和第三種很常見(jiàn),而且它們是可以使用HTML來(lái)設(shè)置的,就是說(shuō)我們可以把CheckBox的初始狀態(tài)通過(guò)一個(gè)叫checked的html元素的屬性來(lái)確定。我們這里要說(shuō)的Indeterminate狀態(tài)雖然在IE4.0就開(kāi)始支持了,可是卻沒(méi)有html元素屬性來(lái)設(shè)置其值,而只能使用腳本來(lái)設(shè)置其Indeterminate狀態(tài)。

比如使用JavaScript腳本(indeterminate默認(rèn)是false):

代碼如下:

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

注意:CheckBox的indeterminate是一個(gè)獨(dú)立的屬性,和CheckBox的checked、status的取值無(wú)關(guān),也就是說(shuō)它只會(huì)影響CheckBox的外觀顯示,我們?nèi)匀豢梢哉5氖褂媚_本讀取checked和status的值。

更多信息請(qǐng)查看IT技術(shù)專欄

更多信息請(qǐng)查看網(wǎng)頁(yè)制作
易賢網(wǎng)手機(jī)網(wǎng)站地址:checkbox的indeterminate屬性使用介紹
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考,敬請(qǐng)考生以權(quán)威部門(mén)公布的正式信息和咨詢?yōu)闇?zhǔn)!
相關(guān)閱讀網(wǎng)頁(yè)制作
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡(jiǎn)要咨詢 | 簡(jiǎn)要咨詢須知 | 新媒體/短視頻平臺(tái) | 手機(jī)站點(diǎn)

版權(quán)所有:易賢網(wǎng)