jQuery判断input是否被禁用

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>

页面结果:

Snipaste_2020-01-02_15-13-47.jpg

控制台输出:

Snipaste_2020-01-02_15-13-55.jpg

使用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");     //可编辑
Image placeholder
前端答疑
未设置
  77人点赞

没有讨论,发表一下自己的看法吧

推荐文章
jquery判断checkbox是否被选中?

jquery判断checkbox是否被选中?一、is()方法进行判断$("input[type='checkbox']").is(':checked')返回true或false二、attr()方法进行

jquery怎么判断input是否为空?

jquery怎么判断input是否为空?首先需要通过val()函数获取input框的内容,然后通过比较是否和“”空字符串相等,或者字符串长度是否等于0,来进行判断。1、判断input内容是否等于空字符

jquery如何判断复选框是否被选中?

方法一:get(0).checkedif($("#checkbox-id").get(0).checked){ //dosomething }方法二:is(':checked')if($('#chec

jquery判断css文件是否存在?

jquery判断css文件是否存在?主要使用了ajax,通过请求css资源文件,根据http状态码来进行判断。状态码为200则存在,为404则不存在。检测 $("#btn").click(func

jquery判断是否包含某个属性?

jquery判断是否包含某个属性?在JQuery编码中,我们会判断元素是否存在某个属性,比如是否包含class="new"的样式呢。JQuery判断就非常简单了,因为有hasClass这个方法$("i

jquery判断是否是数组元素?

jquery判断是否是数组元素?语法:$.inArray("元素字符串",数组名称);使用示例:(相关课程推荐:jQuery教程)如果arry数组里面存在"C#"这个字符串则返回该字符串的数组下标,否

jQuery判断是否为数字?

jQuery判断是否为数字?在jquery里,我们可以用下面这些方法来判断变量是否是数字:1、$.isNumeric();jquery里内置的一个用来判断是否为数字的函数,用$.isNumeric()

jquery判断页面是否加载完成?

jquery判断页面是否加载完成?1、使用$(document).ready()$(document).ready(function(){ alert('dom加载完成'); });2、简写方式(推荐

jquery判断元素是否隐藏?

jquery判断元素是否隐藏?1、首先获取需要判断的元素varnode=$('#id');2、然后使用jquery的is()方法进行判断:(相关课程推荐:jQuery教程)一、使用is结合伪类:hid

jquery判断class是否存在?

jquery判断class是否存在?两种方法如下:●hasClass('classname')●is('.classname')例子:1、使用is('.classname')的方法$('div').i

jquery判断是否出现滚动条?

jquery判断是否出现滚动条?一、判断可视区域是否超过实际高度,超过一定存在if($(window).height()=document.body.clientHeight){ alert("页面无

jquery判断radio是否选中?

jquery判断radio是否选中?1、使用jquery先获取元素,再通过get()方法转为dom对象,最后读取checked属性即可。if($("#checkbox-id").get(0).chec

jquery判断是否是json

jquery判断是否是json思路:使用jquery的parseJSON,将字符串转为json对象,并用trycatch语句捕获错误,没有异常,则是json格式,否则不是。functionfun(st

jquery判断dom节点是否存在?

jquery判断dom节点是否存在?jQuery判断DOM节点是否存在页面中1、首先在jquery原型上添加一个exist方法;2、然后在方法内判断当前对象length属性是否大于0,大于就存在;3、

jquery判断文件是否存在

jquery判断文件是否存在js或jquery判断文件是否存在,需要用到ajax1、封装一个fileExists方法,接收url参数;2、使用$.ajax()方法发送请求,设置同步方式请求;3、返回请

jquery判断浏览器的内核

jquery判断浏览器的内核判断浏览器内核可以使用$.browser属性。$.browser属性在jQuery1.9已经被移除。用于返回用户当前使用的浏览器的相关信息。不建议使用该属性来检测浏览器,因

jquery和jquery ui的区别?

jquery和jqueryui的区别?区别有:1、jQuery是一个js库,主要提供的功能是选择器,属性修改和事件绑定等等。 2、jQueryUI则是在jQuery的基础上,利用jQuery的扩展性,

jquery怎么禁用a标签?

jquery怎么禁用a标签?1、使用attr()方法删除a标签的链接,并重新设置click事件。$("a").each(function(){ $(this).css("cursor","defaul

jquery禁用浏览器后退按钮

使用Jquery禁用浏览器的back和next按钮:有时为了防止用户乱了访问顺序,不得不禁掉浏览器的前进后退按钮jQuery(document).ready(function(){ if(window

jquery如何判断元素是否存在?

jquery如何判断元素是否存在?jquery使用$(selector)方法查找dom元素,返回的是一个jquery对象,具有length属性。length即找到的dom元素个数,只需判断length

jquery如何判断元素内容是否为空?

jquery如何判断元素内容是否为空?下面提供了两种方法用于检查指定id的元素的内容是否为空,当然了,不仅仅适用于指定了id的元素,同样适用于其他元素,只需要改变选择器即可。一、使用html()方法获

jquery如何判断是否是对象?

jquery如何判断是否是对象?jquery提供了isPlainObject方法来判断一个变量是否是对象类型,返回值为Boolean类型。例子:varobj={a:1}; vararr=[1,2];

jquery如何判断是否是数组?

jquery如何判断是否是数组?jquery提供了isArray方法来判断一个变量是否是数组类型,返回值为Boolean类型。例子:varobj={a:1}; vararr=[1,2]; varbo

判断是否是jquery对象?

判断是否是jquery对象?要判断一个javascript的对象是什么类型,可以使用typeof,但是typeof只能判断出js的基础对象(string,boolean,number,object)。

jquery如何判断对象是否获取焦点?

jquery如何判断对象是否获取焦点?jquery判断对象获取焦点可以使用$(selector).is(":focus")。当对象具有焦点时返回为true,否则返回为false。语法:$(select