`

jquery设置元素的readonly和disabled

 
阅读更多

 

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

 

分享到:
评论

相关推荐

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

    Jquery的api中提供了对元素应用disabled和readonly属性的方法,在这里记录下。如下: 1.readonly 代码如下: $(‘input’).attr(“readonly”,”readonly”)//将input元素设置为readonly $(‘input’).removeAttr(...

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

    批量设置属性的方法有很多,在本文为大家介绍下使用jquery批量设置readonly和disabled属性

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

    但是表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个元素的值不会被传递出去,而readonly会将该值传递出去(这种情况出现在我们将某个表单中的textarea元素设置为disabled或readonly,...

    设置disabled属性后台读不到数据如何让select支持readonly

    设置了disabled属性后,后台读取不到数据,让select支持readonly属性,可以设置disabled属性,并把表单值存入hidden隐藏域中,也可以使用jquery控制。示例如下,需要的朋友不要错过

    jquery-easyui-1.3.6.zip

    jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。...spinner:添加"readonly"属性、"readonly"方法和"onChange事件。

    关于jquery form表单序列化的注意事项详解

    readonly只对input和textarea有效, 但是disabled对于所以的表单元素都是有效的,包括radio,checkbox等 如果表单中使用的disabled那么用户是不能选择的,也就是说这个文本框是无法获取到焦点的,而readonly是可以...

    jQuery EasyUI 1.4.5 离线简体中文API文档 含完整开发工具包+皮肤+扩展+演示

    validatebox:新增“editable”、“disabled”、“readonly”、“validateOnCreate”和“validateOnBlur”属性; validatebox:新增“enable”、“disable”、“readonly”和“resetValidation”方法; ...

    validate:表单验证

    注意设置了readonly、disabled,都会对其进行验证,一般用于该节点不需要被输入(如在其它层选择后填充内容),但需要验证时使用。手机上使用readonly仍会呼出键盘,还是需要使用disabled 如何使用 可以直接引入使用...

    jQuery EasyUI 1.3.6 离线简体中文API文档

    最新版本的jQuery EasyUI 1.3.6版全中文API汉化文档火热出炉,由于很多人和我要chm格式的,所以本次API我提供了2种版本的API,一个还是以前的... spinner:添加“readonly”属性、“readonly”方法和“onChange”事件。

    jQuery的搜索框下拉菜单.zip

    这是一款点击input文本框弹出下拉菜单,选中菜单,支持多选条件,进行搜索的jQuery搜索框下拉菜单选择插件,功能很强大的下拉框搜索代码。 js代码 [removed] var Random = Mock.Random; var json1 =...

    EasyUI 另一种form提交方式

    由于EasyUI自带的Form提交方式会自动去除掉readonly和disabled的值,或者多层form时,不能正确获取到form表单中的数据,由此,产生了这个专门针对EasyUI form的提交工具。

    老外写的星级评分效果

    NEW (12-Mar-08): In read only mode (using the 'readOnly' option or disabled property), the plugin is a neat way of displaying star-like values without any additional code <br>效果不错

    JQuery防止退格键网页后退的实现代码

    下面是Js片段在IE9,Firebox 10.0.2 中测试过 ... if (d.tagName.toUpperCase() == ‘INPUT’ || d.tagName.toUpperCase() == ‘TEXTAREA’) { doPrevent = d.readOnly || d.disabled; } else doPrevent = true; } else

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -为所有的表单字段增加AJAX属性ReadOnly(feedback:skydb)。 -Grid中TemplateField生成到页面中控件具有唯一ID,例如Grid1_ct5_Label2,Grid1_ct6_Label2(feedback:geruger)。 +2009-09-27 v2.1.2 -为Tree控件...

    ExtAspNet_v2.3.2_dll

    -为所有的表单字段增加AJAX属性ReadOnly(feedback:skydb)。 -Grid中TemplateField生成到页面中控件具有唯一ID,例如Grid1_ct5_Label2,Grid1_ct6_Label2(feedback:geruger)。 +2009-09-27 v2.1.2 -为Tree控件...

    最新AngularJS开发宝典视频教程 后盾网AngularJS培训视频教程 后盾网.txt

    ├最新AngularJS开发宝典—第019讲 g-selected、ng-disabled、ng-readonly实例讲解.mp4 ├最新AngularJS开发宝典—第020讲 超简单实现表单的全选与反选.mp4 ├最新AngularJS开发宝典—第021讲 ng-model-options设置...

    unigui0.83.5.820

    - New Demo: Basic jQuery 0.81.2.801 +---------------------------------------------------------------------------------------- - TUniScreeMask issue with borderless MainForm - Installer: Bug resolved ...

Global site tag (gtag.js) - Google Analytics