當前位置：軟件學堂 > 資訊首頁 > 網(wǎng)絡編程 > 編程其他 > JS判斷控件的類型

JS判斷控件的類型

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

移動端

【實例名稱】

JS判斷控件的類型

【實例描述】

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

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標題頁-學無憂（wangbatian.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>

【運行效果】

 判斷控件的類型運行效果

【難點剖析】

本例的重點是“tagName”屬性和“type”屬性?！皌agName”返回控件在HTML中的標準名稱，由于input控件有多種類型，所以還要單獨判斷?！皌ype”用來返回這些控件的類型，如“button”、“text”等。

【源碼下載】

為了JS代碼的準確性，請點擊：JS判斷控件的類型 進行本實例源碼下載 

標簽： 判斷  類型