zoukankan      html  css  js  c++  java
  • 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;
    var wait = 9; //停留时间
    function updateinfo(){
      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">
    function disable()
      {
      document.getElementById('txt1').disabled=true;
      }
    function enable()
      {
      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>
  • 相关阅读:
    Slider
    好久没更新了,发照片.....
    第二天、SQL*PLUS基本使用
    二进制方式存储图片(数据库)
    PagingBulletedList
    第四天、PL/SQL基础
    第八天、安全管理
    MutuallyExclusiveCheckBox
    第六天、视图,同义词,序列
    Rating
  • 原文地址:https://www.cnblogs.com/zjfazc/p/2549362.html
Copyright © 2011-2022 走看看