`
xf_zhanghaidong
  • 浏览: 28251 次
  • 性别: Icon_minigender_1
  • 来自: 襄樊
社区版块
存档分类
最新评论

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

分享到:
评论

相关推荐

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

    本文将详细介绍如何使用 jQuery 设置和移除 `readonly` 和 `disabled` 属性。 `readonly` 属性用于文本输入框 (`input[type="text"]`),它使得用户不能修改输入框中的内容,但用户仍然可以选中并复制文本。在 ...

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

    本文将详细介绍如何使用jQuery库来批量设置input元素的readonly和disabled属性。 ### 使用jQuery批量设置readonly属性 在HTML中,readonly属性是input元素的一个布尔属性,当这个属性存在时,输入框将变为只读,...

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

    以下是一个函数示例,它接受元素和值作为参数,对选中元素的`disabled`属性进行设置。 ```javascript function disableElement(element, val) { document.getElementById(element).disabled = val; } ``` 此函数...

    表单元素属性readonly和disabled使用对比

    在HTML中,`readonly`和`disabled`是两个非常重要的表单元素属性,它们用于限制用户对表单输入的交互方式。这两个属性虽然在目的上相似,但它们的应用场景、操作行为以及在表单提交时的行为却有着明显的区别。 首先...

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

    然而,一个常见的问题是,当`disabled`属性被设置在`<select>`元素上时,后台程序在提交表单时可能无法获取到选中的选项值。这是因为`disabled`状态的表单元素不会作为POST数据发送到服务器。为了解决这个问题,有两...

    jQuery给元素添加样式的方法详解

    jQuery还提供了`.attr()`方法,用于获取和设置HTML元素的属性值。例如,获取元素的class属性值可以用`$("#tow").attr("class")`;为元素设置class属性则可以使用`$("#two").attr("class", "divClass")`。需要注意的...

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

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

    Jquery显示和隐藏元素或设为只读(含Ligerui的控件禁用,实例说明介绍)

    本文将详细讲解如何使用jQuery来显示和隐藏元素,以及如何设置元素为只读或禁用状态,同时也包括LigerUI库中的控件禁用方法。 一、隐藏和显示元素 在jQuery中,有多种方式可以实现元素的隐藏和显示。以下是一些...

    html ReadOnly 和 Enabled 区别

    总的来说,`ReadOnly`和`Disabled`提供了不同程度的用户交互限制,`ReadOnly`适用于希望用户查看但不修改数据的情况,而`Disabled`则用于完全禁止用户与某个控件交互。在实际应用中,应根据具体需求来选择合适的属性...

    jquery-easyui-1.3.6.zip

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

    jQuery设置单选按钮radio选中/不可用的实例代码

    在本文中,我们主要探讨了如何使用jQuery来设置HTML表单中的单选按钮(radio按钮)的选中状态和禁用状态。单选按钮允许用户从一组选项中只选择一个选项。在某些情况下,我们可能需要根据应用程序的逻辑来动态控制...

    Html_CSS_JS_Jquery总结.doc

    本文主要概述了HTML的常用元素和特性,同时也提及了CSS、JavaScript以及jQuery的基础知识。 HTML,全称为超文本标记语言,是创建网页内容的基石。它允许开发者插入各种元素,如文本、图像、音频和视频,构建丰富的...

    关于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”方法; ...

    Web表单提交之disabled问题js解决方法

    不过,与disabled不同的是,设置了readonly的元素仍然可以被提交到服务器,同时用户也无法修改其值。 - **onfocus事件**:readonly属性允许元素接收键盘事件,例如,可以聚焦和触发onfocus事件,这在某些情况下是...

    validate:表单验证

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

Global site tag (gtag.js) - Google Analytics