當前位置：軟件學堂 > 資訊首頁 > 網(wǎng)絡(luò)編程 > 編程其他 > 通過JS代碼實現(xiàn)按鈕只能單擊一次

通過JS代碼實現(xiàn)按鈕只能單擊一次

2012/10/17 16:45:53作者：佚名來源：網(wǎng)絡(luò)

移動端

【實例名稱】

通過JS代碼實現(xiàn)按鈕只能單擊一次

【實例描述】

頁面中的按鈕通常是可以多次單擊的，但有時候為了確定用戶的選，當按鈕單擊一次后，便不允許再使用。本例學習這種效果。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標題頁</title>
</head>
<body>
<input type=button name=btn value=單擊 onclick="this.disabled=true">
單擊上面的按鈕測試是否只能按一次
</body>
</html>

 
【難點剖析】

【難點剖析】
    本例的重點是按鈕的“oncIick”事件，以及控制按鈕是否可用的屬性“disabled”。當用戶單擊安鈕后，便立即設(shè)置按鈕的“disabled”屬性為“true”，按鈕會變?yōu)榛疑?，表示無法使用。

【源碼下載】

本實例JS代碼下載

標簽： JS代碼  按鈕