手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

jq怎么禁用或启用按钮

时间:2024-10-13 06:53:01

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怎么禁用或启用按钮
© 手抄报圈