jq怎么禁用或启用按钮

2025-11-30 11:15:04

1、在html页面head标签内引用jq本地文件,也可以使用jq官网的cdn:<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>

2、在html页面中的body标签中,写一个id为aaa,单击事件为btnClick按钮:

<button type="button" id="aaa" onclick="submit()">禁用前</button>

3、然后再写一个script标签,标签里面写js脚本:

<script>

function submit()

    {

      $("#aaa").attr("disabled", "true");//禁用按钮

      // $("#aaa").removeAttr("disabled");//启用按钮

    }

</script>

4、完整代码编写,新建一个记事本文件,然后在记事本中添加如下html代码:

<!doctype html>

<html>

<head>

  <meta charset="gb2312">

  <meta http-equiv="X-UA-Compatible" content="IE=edge">

  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  <title>jq禁用或启用按钮</title>

 <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>

</head>

<body>

  <div>

    <button id="aaa" type="button" onclick="submit()">点我</button>

  </div>

  <script>

    function submit()

    {

      $("#aaa").attr("disabled", "true");//禁用按钮

      // $("#aaa").removeAttr("disabled");//启用按钮

    }

  </script>

</body>

</html>

5、保存后,将txt后缀改为html。双击运行,如下图所示:

jq怎么禁用或启用按钮

jq怎么禁用或启用按钮

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢