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属性

3.对于图片

  img.attr("src", ‘1.jpg‘);

时间: 2024-11-04 03:09:15

jquery设置元素的readonly和disabled的相关文章

jquery设置元素readonly与disabled属性的方法

分享下jquery设置元素readonly与disabled属性的方法,设置元素的显示与隐藏,元素的只读属性. 以下内容转自:http://www.jbxue.com/article/15102.html 略作修改与补充. Jquery的api中提供了对元素应用disabled和readonly属性的方法: 1,设置readonly属性 $('input').attr("readonly","readonly")//将input元素设置为readonly $('in

JQuery 设置元素的高度和宽度相等

有时需要设置下面的情况,即 <div> 的高度和宽度是相等的.并且随着屏幕的大小变化而变化.这样就需要用 js 来控制元素在页面上的显示. <html> <body> <div class="row text-center margin-top-20p"> <div class="col bgcolor-FF9600 border-radius-5p margin-2p height-width"> <

js/jquery设置元素隐藏和显示

//js 元素隐藏 document.getElementById('li11').style.display = 'none'; //js 元素显示 document.getElementById('li11').style.display = 'block'; //jquery元素隐藏 $('#li11').hide(); //jquery元素显示 $('#li11').show(); //还有一种方法,在css中设置 .hide{ display: none; } 然后通过js $('#l

jquery 设置元素内容html(),text(),val()

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>wrap</title> 6 <script type="text/javascript" src="../jquery/jquery-1.11.3.min.js"></scrip

使用jQuery设置元素选中的问题及解决办法

现在界面操作的js脚本很多人都是使用的jquery了吧,这其中就有很多的什么控制checkbox的选中与不选中啊什么的(特别是这个在做"全选"的时候很有用),还有就是某些时候的多选模式下的select的option的选中. 前段时间,公司开始了一个项目,里面就用到了jquery和jquery-ui,里面正好就有"全选"功能和多选模式的select,下面就来说说这里面遇到的坑. 由于要兼容IE10的版本,所以只能用1.X的版本,然后又用了jquery-ui,所以最终定

使用jQuery设置disabled属性与移除disabled属性

Readonly只针对input和textarea有效,而disabled对于所有的表单元素都有效,下面为大家介绍下使用jQuery设置disabled属性 表单中readOnly和disabled的区别: Readonly只针对input(text/ password)和textarea有效,而disabled对于所有的表单元素都有效,包括select,radio, checkbox, button等. 但是表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个

jQuery设置disabled属性

先比较下readOnly和disabled: readOnly 只针对input(text/ password)和textarea有效: disabled 对于所有的表单元素都有效,包括select,radio, checkbox, button等. 但是表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个元素的值不会被传递出去,而readonly会将该值传递出去(这种情况出现在我们将某个表单中的textarea元素设置为disabled或readonly,但是

jquery设置表单元素为不可用代码实例

jquery设置表单元素为不可用代码实例:本章节通过简单的实例代码介绍一下如何将表单元素设置为不可用状态.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>蚂蚁部落</t

jquery设置按钮disabled

通常我们设置disabled属性会用attr和removeAttr,但是今天我们不讨论这个方式 我们讨论是的prop jQuery的定义是:获取在匹配的元素集中的第一个元素的属性值. 随着一些内置属性的DOM元素或window对象,如果试图将删除该属性,浏览器可能会产生错误.jQuery第一次分配undefined值的属性,而忽略了浏览器生成的任何错误 设置prop $("input[type='checkbox']").prop("disabled", true)