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

2012/10/17 16:45:53作者：佚名来源：网络

移动端

【实例名称】

通过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代码下载

标签： JS代码按钮

上一篇：盖印图层是什么意思？ps如何盖印图层？
下一篇：JS代码实现防止按钮连击

热门软件/ 推荐游戏/ 手机软件

资讯分类

Dreamweaver Flash DIV+CSS 编程其他

精品软件推荐

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

资讯分类

推荐教程

精品软件推荐