jQuery如何判断input是否被禁用

互联网 20-11-17

jQuery判断input是否被禁用的方法:1、使用函数【is(":disabled")】判断;2、使用函数【prop("disabled")】判断;3、使用函数【attr("disabled")】判断。

本教程操作环境:windows10系统、jquery2.2.4,本文适用于所有品牌的电脑。

推荐:《jquery视频教程》

jQuery判断input是否被禁用的方法:

判断input是否被禁用,可用的方法有:

● is(":disabled")

● prop("disabled")

● attr("disabled")

<script src="jquery.min.js"></script>  <br/><input type="text" id="first" disabled>first  <br/><input type="text" id="second" disabled <br/><input type="text" id="third">third  <script>      var v1, v2, v3;      v1 = $("#first").is(":disabled");  // true / false      v2 = $("#first").prop("disabled"); // true / false      v3 = $("#first").attr("disabled"); // disabled / undefined      console.log(v1);      console.log(v2);      console.log(v3);      v1 = $("#second").is(":disabled");  // true / false      v2 = $("#second").prop("disabled"); // true / false      v3 = $("#second").attr("disabled"); // disabled / undefined      console.log(v1);      console.log(v2);      console.log(v3);      v1 = $("#third").is(":disabled");  // true / false      v2 = $("#third").prop("disabled"); // true / false      v3 = $("#third").attr("disabled"); // disabled / undefined      console.log(v1);      console.log(v2);      console.log(v3);  </script>

页面结果:

控制台输出:

使用prop设置禁用与解除禁用:

$("#first").prop("disabled",true);      //禁用 $("#first").prop("disabled",false);     //可编辑 $("#first").prop("disabled",“disabled”);//禁用 $("#first").prop("disabled",“”);        //可编辑

使用attribute设置禁用与解除禁用:

$("#first").attr("disabled",true);      //禁用 $("#first").attr("disabled",false);     //可编辑 $("#first").attr("disabled","disabled");//禁用 $("#first").attr("disabled","");        //禁用 $("#first").removeAttr("disabled");     //可编辑

相关免费学习推荐:JavaScript(视频)

以上就是jQuery如何判断input是否被禁用的详细内容,更多内容请关注技术你好其它相关文章!

来源链接:
免责声明:
1.资讯内容不构成投资建议,投资者应独立决策并自行承担风险
2.本文版权归属原作所有,仅代表作者本人观点,不代表本站的观点或立场
标签: input
上一篇:php获取远程图片并下载保存到本地的方法分析 下一篇:如何用jquery判断数据是否加载完成

相关资讯