js 控制按钮点击后不可用

摘要:
防止用户多次单击按钮并多次提交表单。单击后,某些按钮需要不可用。

为了防止用户多次点击某按钮,造成多次提交表单的操作。某些按钮需要在点击后实现不可用操作。

例子:

<html>
<head>
<title>同意条款</title>
</head>
<body>
<form id="form1"name="form1"method="post"action="">
<input type="submit"name="Submit"value="同意" />
</form>
<script language="javascript">document.form1.Submit.disabled = true;
varwait = 9; //停留时间
functionupdateinfo(){
  if(wait == 0){
    document.form1.Submit.value = "我同意";
    document.form1.Submit.disabled = false;
  }
  else{
    document.form1.Submit.value = "阅读条款"+wait;
    wait--;
    window.setTimeout("updateinfo()",1000);
  }
}
updateinfo();
</script>
</body>
</html>

设置按钮的不可用 用到了 disabled属性。

语法:

object.disabled = false | true;

例子:w3cschool

<html>
<head>
<script type="text/javascript">
functiondisable()
  {
  document.getElementById('txt1').disabled=true;
  }
functionenable()
  {
  document.getElementById('txt1').disabled=false;
  }
</script>
</head>
<body>

<textarea id="txt1">Hello world....This is a text area
</textarea>
<br />
<input type="button"onclick="disable()"value="Disable" />
<input type="button"onclick="enable()"value="Enable" />

</body>
</html>

免责声明:文章转载自《js 控制按钮点击后不可用》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇软件测试人员必备的32个网站清单,果断收藏了!自定义实现 PyQt5 下拉复选框 ComboCheckBox下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

js-前端分页效果的实现

本文将介绍前端分页效果的实现,并没有借助地址栏的参数来实现,利用相关公式来完成。 1、总页数 = Math.ceil(数据长度/每页需要显示的数量);注:向上取整 2、每页显示的数据的开头索引 = 当前页码-1 * 每页需要显示的数量;  注:循环创建的页码索引从0开始,页码从1开始,计算时需要减1 3、每页显示的数据的结束索引 = 当前页码-1 * 每页...

js 文件下载

工程WebApi: 点击按钮执行的handler 1 exportClick() { 2 var 3 profile = { 4 content: this.state.profile, 5 type: MappingTypeForSe...

JS 获取网页内容高度 和 网页可视高度 支持IE 6789 Firefox Chrome 【转】

function getClientHeight() { //可见高 var clientHeight=document.body.clientHeight;//其它浏览器默认值 if(navigator.userAgent.indexOf("MSIE 6.0")!=-1) { clientHeight=do...

IE浏览器没有加载CSS或js文件的秘密及解决办法

其实是两处资料拼成这一篇博文的,因为在开发过程中遇到,有的文章只是说明原因,而没有给出解决方案,所以再次给出解释和解决方法,以供参考,如果有好的解决方法,也请分享下! --------------------------------------------------------------写在前面的话 [IE浏览器没有加载CSS或js文件的秘密] 如果有...

JS 百度地图路书---动态路线

JS 百度地图路书---动态路线 <!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-s...

js实现html转pdf+html2canvas.js截图不全的问题

最近做项目中遇到要把整个页面保存为PDF文件,网上找了一下实现的方法都是 html2canvas.js+jsPdf.js 来实现。实现的过程是 先用html2canvas.js把html页面转成图片,再用jsPdf.js把图片导出为pdf。 于是做了个小案例来测试这个功能。 <body> <!-- PDF -->...