通过JS代码实现按钮只能单击一次

2012-10-17 来源：网络

【实例名称】

通过JS代码实现按钮只能单击一次

【实例描述】

页面中的按钮通常是可以多次单击的，但有时候为了确定用户的选，当按钮单击一次后，便不允许再使用。本例学习这种效果。

【实例代码】

<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”。当用户单击安钮后，便立即设置按钮的“disabled”属性为“true”，按钮会变为灰色，表示无法使用。

【源码下载】

本实例JS代码下载