當(dāng)前位置:軟件學(xué)堂 > 資訊首頁 > 網(wǎng)絡(luò)編程 > 編程其他 > JS判斷控件的類型

JS判斷控件的類型

2012/11/9 11:28:08作者:佚名來源:網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例名稱】

JS判斷控件的類型

【實(shí)例描述】

為了獲取用戶的操作(如選擇單選還是復(fù)選),有時(shí)候需要判斷用戶操作的控件類型。本例學(xué)習(xí)如何實(shí)現(xiàn)這種功能。

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>標(biāo)題頁-學(xué)無憂(yzddtk.cn)</title> <script LANGUAGE="JavaScript"> function test(frmObj) {    //考慮到input有多種類型,所以還需要判斷type屬性    if(frmObj.tagName=="INPUT")       alert("您操作的控件類型是:"+ frmObj.type) ;    else       alert("您操作的控件類型是:"+ frmObj.tagName); } </script> </head> <body> <input type=text name="txt1" value="this is test!" onchange="test(this)"> <input type=button value="判斷" onClick="test(this)"> </body> </html>

【運(yùn)行效果】

 判斷控件的類型運(yùn)行效果

【難點(diǎn)剖析】

本例的重點(diǎn)是“tagName”屬性和“type”屬性?!皌agName”返回控件在HTML中的標(biāo)準(zhǔn)名稱,由于input控件有多種類型,所以還要單獨(dú)判斷?!皌ype”用來返回這些控件的類型,如“button”、“text”等。

【源碼下載】

為了JS代碼的準(zhǔn)確性,請點(diǎn)擊:JS判斷控件的類型 進(jìn)行本實(shí)例源碼下載 

標(biāo)簽: 判斷  類型