jQuery怎么判斷input是否被禁用

了解jQuery怎么判斷input是否被禁用？這個問題可能是我們日常學習或工作經常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家帶來的參考內容，讓我們一起來看看吧！

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

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");     //可編輯

感謝各位的閱讀！看完上述內容，你們對jQuery怎么判斷input是否被禁用大概了解了嗎？希望文章內容對大家有所幫助。如果想了解更多相關文章內容，歡迎關注億速云行業資訊頻道。