• 技术文章 >web前端 >js教程

    jQuery如何判断input是否被禁用

    coldplay.xixicoldplay.xixi2020-11-17 10:16:22原创40

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

    推荐:《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>

    页面结果:

    6d6eda0e4fd1284d3371ca0be62c134.png

    控制台输出:

    cdf816a6216557f1937111c6f553cac.png

    使用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是否被禁用的详细内容,更多请关注php中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:jQuery input
    上一篇:如何用jquery判断数据是否加载完成 下一篇:jquery如何获取span的值
    第14期线上培训班

    相关文章推荐

    • input函数的用法是什么?• 两分钟了解python中的input函数• 如何利用css改变input光标颜色• vue.js怎么给input添加事件

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网