JQuery判断input是否被禁用

时间:2023-03-08 19:19:07
 <script src="jquery.min.js"></script>
<br/><input type="text" id="first" disabled>&nbsp;first
<br/><input type="text" id="second" disabled="disabled">&nbsp;second
<br/><input type="text" id="third">&nbsp;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>

页面结果:

JQuery判断input是否被禁用

控制台输出:

JQuery判断input是否被禁用

使用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"); //可编辑