jq怎么禁用或启用按钮

 时间:2026-02-15 17:59:20

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怎么禁用或启用按钮

  • 炉石传说谜题实验室有借有还攻略
  • 天天象棋第155关怎么过关
  • 炉石传说砰砰计划亵渎恶魔攻略
  • 炉石传说谜题实验室爆炸突击攻略
  • QQ象棋楚汉争霸第八十三关详解
  • 热门搜索
    四年级语文手抄报 关于安全手抄报 元旦手抄报图片 崇尚科学反对邪教手抄报 缅怀先烈手抄报的图片 手抄报的装饰 关于宪法的手抄报 防溺水手抄报简单漂亮 有关汉字的手抄报 38妇女节手抄报