html判断input的状态,jQuery判断input是否被禁用

jQuery判断input是否被禁用

判断input是否被禁用，可用的方法有：

● is(":disabled")

● prop("disabled")

● attr("disabled")

first

second

third

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);

页面结果：

控制台输出：

使用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答疑栏目，欢迎学习！