点击按钮之后将其设置为不可用状态

点击按钮之后将其设置为不可用状态:
不少效果中,希望按钮只能够被点击一次,再点击之后就会被设置为不可用,代码非常的简单。
代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>点击按钮之后将其设置为不可用-蚂蚁部落</title>
<script type="text/javascript">
window.onload=function(){
  var bt=document.getElementById("bt");
  bt.onclick=function(){
    bt.disabled=true;
  }
}
</script>
</head>
<body>
<input type="button" id="bt" value="提交"/>
</body>
</html>

以上代码在点击按钮之后,可以将其设置为不可用状态,代码非常简单,这里就不介绍了。
相关参阅:
1.onclick事件可以参阅javascript的onclick事件一章节。
2.disabled属性可以参阅javascript的button.disabled属性一章节。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=9177

更多内容可以参阅:http://www.softwhy.com/javascript/

时间: 2024-10-10 13:47:34

点击按钮之后将其设置为不可用状态的相关文章

Android基础TOP5_4:点击按钮更换样式,设置透明度

在res/drawable创建两个样式 点击前/点击后 round: 1 <?xml version="1.0" encoding="utf-8"?> 2 <shape xmlns:android="http://schemas.android.com/apk/res/android"> 3 <!--设置渐变颜色 angle="0"是从左到右 90是从上到下 180是从右到左 --> 4 &

节点之点击按钮设置div中p标签改变背景颜色

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> div { width: 300px; height: 450px; border: 1px solid red; } </style> </head> <body> <input type="but

使用Android点击按钮跳转页面

1.首先新建一个Android工程,命名为MyApp(名字可以自己随意起); 2.以原有的MainActivity.java文件为登录界面,然后在src文件中的包上面右击选择New目录下的Other中的Android Activity,选择BlankActivity,修改一个Activity的名字(自定义),我这里命名为BankActivity,点选finish然后新建完成一个返回页面;\ 3.接下来就要添加布局文件了,我们在res文件下的layout文件里先双击activity_main.xm

点击按钮实现隐藏和显示的切换代码

点击按钮实现隐藏和显示的切换代码:在不少应用中,都有这样的功能,点击同一个按钮可以实现一个元素的显示和隐藏的切换,下面就通过代码实例介绍一下如何实现此效果,代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> &

点击按钮 弹出视频 并有遮罩层效果

涉及到css以及JavaScript. 最终显示效果:点击红色按钮,会有视屏弹出 并带有遮罩层 点击黄色区域可以关闭视频 并回到最初的状态. 页面主要代码:main中主要包含一个a,控制显示的按钮.设置有id值. <div class="main"> <a href="javascript:;" class="video" id="video"></a> </div> 以下代码就

点击按钮生成新的按钮、表格,同时之前的按钮失去功能

今天做了两个小练习,还是记录一下吧 1.点击按钮生成一个按钮,点击新按钮,又生成一个按钮,同时原来的按钮失效:效果图 HTML部分久只创建了一个input,也没有用CSS样式 1 <!--产生按钮--> 2 <input type="button" id="button1" value="按钮源" onclick="Onclick()"/> 运用JS创建按钮,本来是想用removeAttribute移除

开发第一个IOS小程序 - 点击按钮文字变色

1. 题目:实现点击按钮切换文字对应的颜色 2.分析大致的开发步骤是 •添加所需要的UI元素:3个按钮(UIButton).1个文本标签(UILabel) •监听3个按钮的点击事件 •改变文本标签的文字颜色 3.具体实现步骤 3.1 在storyboard文件中,拖拽相应控件器上,布局好以上显示页面效果 3.2 然后利用Xcode右端上的“圆圈”按钮,将代码区分割成 “Main.storyboard”与“viewController.m”文件,两个可以按住control键,不要放开,将以上元素拖

JS点击按钮弹出窗口

由于没有系统学习过JS,遇到一个需求:点击按钮,弹出一个独立的窗口. 在网上百度了一下,并没有找到满意的结果,最重要的是各种方法很复杂.最终,仔细研究了一下,原来只是需要只要一个简单的函数就能满足自己的需求:window.open(). window.open() 功能:open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口. 语法: window.open(URL,name,specs,replace) 其中,URL为指定的要打开的页面的url: name,指定target属性或窗

点击按钮,生成一组一组combobox和slider时,避免控件Id相同,导致控件冲突的方法

如下效果图,点击一次添加按钮,动态生成一组combobox和slider.由于easyUI的下拉框和滑块使用相同的控件id,通过JS生成控件,如果两个id一样就会造成冲突,例如点击第一组的下拉框,第二组的下拉框也会跟着动. 如何避免这个冲突? 思路:可以在板块div外层加一个id,区分每组策略的combobox和slider. 步骤: 1.点击,用字符串拼接,插入html代码,这里的html代码有一个唯一Id 2.根据板块div的Id查找空间id,调用生成combobox和slider 具体实现