如何使用 jQuery 来启用和禁用提交按钮?


要启用和禁用提交按钮,请使用 jQuery prop() 方法。您可以尝试运行以下代码,以使用 jQuery 启用和禁用提交按钮:-

示例

在线演示

<!DOCTYPE html>
<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script>
    $(document).ready(function() {
      $('#register').click(function() {
        $(this).prop('disabled',true);
        $("#content").show();

        setTimeout(function(){
          $('#register').prop('disabled', false);
        },3000);

     });
   });
</script>
</head>
<body>

  <div id="btnregister" name="registerbtn">
    <input type="submit" value="Click me!" id="register" name="register"/>
  </div>

  <div style="display:none;" id="content">
    The above button disables for 3 seconds, on clicking.                
  </div>

</body>
</html>

更新于: 2020-06-20

995 浏览

开启你的 职业

通过完成课程获得认证

开始学习
广告