jquery批量设置属性readonly和disabled的方法

Jquery的api中提供了对元素应用disabled和readonly属性的方法，在这里记录下。如下：
1.readonly


代码如下:

　　$('input').attr("readonly","readonly")//将input元素设置为readonly
　　$('input').removeAttr("readonly");//去除input元素的readonly属性

　　 if($('input').attr("readonly")==true)//判断input元素是否已经设置了readonly属性

　　 对于为元素设置readonly属性和取消readonly属性的方法还有如下两种：
　　$('input').attr("readonly",true)//将input元素设置为readonly
　　$('input').attr("readonly",false)//去除input元素的readonly属性

　　$('input').attr("readonly","readonly")//将input元素设置为readonly
　　$('input').attr("readonly","")//去除input元素的readonly属性

2.disabled

代码如下:

　　 $('input').attr("disabled","disabled")//将input元素设置为disabled
　　$('input').removeAttr("disabled");//去除input元素的disabled属性

　　if($('input').attr("disabled")==true)//判断input元素是否已经设置了disabled属性

　　对于为元素设置disabled属性和取消disabled属性的方法还有如下两种：


代码如下:

　　$('input').attr("disabled",true)//将input元素设置为disabled
　　$('input').attr("disabled",false)//去除input元素的disabled属性

代码如下:

　　$('input').attr("disabled","disabled")//将input元素设置为disabled
　　$('input').attr("disabled","")//去除input元素的disabled属性

赞 (0)

相关推荐

  • readonly和disabled的区别

    Untitled Document [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

  • readonly和disabled属性的区别

    标签的readonly和disabled属性的区别: 在表单元素中,readonly和disable有类似之处,因为它们都可以将一些表单元素设置为"不可用"状态,当然它们之间的区别是巨大的,下面就介绍一下这个两个属性有哪些区别,希望能够给需要的朋友带来一定的帮助. 两个属性不同点列举: 1.readonly属性只对表单元素的文本框.密码框和多行文本框有效,而disabled属性对所有的表单元素都会有效. 2.设置两个属性的外观不一样,这个自己可以观察一下. 3.设置readonly的表

  • jquery设置元素的readonly和disabled的写法

    Jquery的api中提供了对元素应用disabled和readonly属性的方法,在这里记录下.如下: 1.readonly 复制代码 代码如下: $('input').attr("readonly","readonly")//将input元素设置为readonly $('input').removeAttr("readonly");//去除input元素的readonly属性 if($('input').attr("readonly

  • HTML中Select不用Disabled实现ReadOnly的效果

    方法如下: 复制代码 代码如下: <select onbeforeactivate="return false" onfocus="this.blur()" onmouseover="this.setCapture()" onmouseout="this.releaseCapture()">   <option>1</option>  </select>

  • 表单中Readonly和Disabled的区别详解

    Readonly和Disabled是用在表单中的两个属性,它们都能够做到使用户不能够更改表单域中的内容.但是它们之间有着微小的差别,总结如下: Readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单元素都有效,包括select, radio, checkbox, button等. 但是表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个元素的值不会被传递出去,而readonly会将该值传递出去(

  • javascript中input中readonly和disabled区别介绍

    Readonly和Disabled是用在表单中的两个属性,它们都能够做到使用户不能够更改表单域中的内容.但是它们之间有着微小的差别,总结如下: Readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单元素都有效,包括select, radio, checkbox, button等.但是表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个元素的值不会被传递出去,而 readonly会将该值传递出去(

  • jquery批量设置属性readonly和disabled的方法

    Jquery的api中提供了对元素应用disabled和readonly属性的方法,在这里记录下.如下: 1.readonly 复制代码 代码如下: $('input').attr("readonly","readonly")//将input元素设置为readonly $('input').removeAttr("readonly");//去除input元素的readonly属性 if($('input').attr("readonly

  • vue获取DOM元素并设置属性的两种实现方法

    这里我想到了2个方法: 方法一: 直接给相应的元素加id,然后再document.getElementById("id");获取,然后设置相应属性或样式 方法二: 使用ref,给相应的元素加ref="name" 然后再this.$refs.name获取到该元素 注意:在获取相应元素之前,必须在mount钩子进行挂载,否则获取到的值为空, 如果是给子组件加id并修改自定义属性,则直接会加载改子组件对应的外层div上,并不会改变该子组件原本的自定义属性的值 如果给子组件

  • jQuery简单设置文本框回车事件的方法

    本文实例讲述了jQuery简单设置文本框回车事件的方法.分享给大家供大家参考,具体如下: $(document).ready(function () { $("#txt_JumpPager").keydown(function (e) { var curKey = e.which; if (curKey == 13) { $("#lbtn_JumpPager").click(); return false; } }); }); 其中的txt_JumpPager为文本

  • js批量设置样式的三种方法不推荐使用with

    一般我们都用css来批量设置样式,现在我们用js也可以批量设置样式: 总结三种方法如下 复制代码 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <style type="text/css"> #div1{

  • JQuery样式与属性设置方法分析

    本文实例讲述了JQuery样式与属性设置方法.分享给大家供大家参考,具体如下: Jquery属性的获取与设置 //找到第一个input,通过attr设置属性value的值 $("input:first").attr('value','新设值'); //同时为多个属性赋值 $("input:first").attr({'attr1':'v1','attr2':'v2'...}); //找到最后一个input,通过使用removeAttr删除属性 $("inp

  • jquery修改属性值实例代码(设置属性值)

    设置属性 - attr() jQuery attr() 方法也用于设置/改变属性值. 下面的例子演示如何改变(设置)链接中 href 属性的值: 实例 复制代码 代码如下: $("button").click(function(){$("#keleyi").attr("href","http://www.jb51.net");}); attr() 方法也允许您同时设置多个属性.下面的例子演示如何同时设置 href 和 titl

  • jquery attr()设置和获取属性值实例教程

    语法: 1.attr("属性名"): //获取属性的值(取得第一个匹配元素的属性.通过这个方法可以方便的从第一个匹配元素中获取一个属性的值.如果元素没有相应属性,则返回undefined) 2.attr("属性名","属性值"); //设置属性的值(为所有匹配的元素设置一个属性值) 3.attr("属性名","函数值"); //设置属性的函数值(为所有匹配的元素设置一个计算的属性值.不提供值,而是提供一个函

  • jQuery 获取/设置/删除DOM元素的属性以a元素为例

    jQuery的属性操作非常简单,下面以一个a元素来说明属性的获取/设置/删除操作 复制代码 代码如下: <body> <a>jquery.com</a> </body> 添加属性 $('a').attr('href', 'http://www.jquery.com') 添加多个属性 $('a').attr({'href':'http://www.jquery.com', 'title':'jquery.com'}) 获取属性 $('a').attr('hre

随机推荐