`

Jquery 控制disabled和readonly

 
阅读更多

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

    通过了解和使用`readonly`和`disabled`属性,我们可以控制表单字段的可编辑性以及表单提交时的行为。jQuery作为常用的JavaScript库,提供了便捷的方法来动态地管理这些属性。无论是在设置还是移除`disabled`属性时,...

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

    另一种方法是通过jQuery动态地控制`disabled`属性。在页面加载时,你可以设置`disabled`为`true`,使表单元素不可用。当用户提交表单时,你可以临时将`disabled`设置为`false`,允许数据提交。这可以通过监听表单的...

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

    c) 对于`checkbox`和`radio`,如果想让它们变为只读,虽然没有直接的`readonly`属性,但可以通过绑定点击事件并返回`false`来模拟禁用效果,如在jQuery中使用`bind("click", function() { return false; })`。 总结...

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

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

    jquery-easyui-1.3.6.zip

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

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

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

    Html_CSS_JS_Jquery总结.doc

    此外,HTML还包含其他一些元素,如`<input>`(输入字段),它的`readonly`、`disabled`和`placeholder`属性分别用于设置只读、禁用和输入提示。`<textarea>`用于创建多行文本输入区域,`cols`和`rows`定义其尺寸。...

    html ReadOnly 和 Enabled 区别

    在HTML中,`ReadOnly` 和 `Enabled` 是两个用于控制用户界面交互的属性,它们主要应用于文本输入框(`<input type="text">`)和其他表单控件。这两个属性虽然在视觉上可能会有相似的效果,但它们在功能和行为上有着...

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

    - **onfocus事件**:readonly属性允许元素接收键盘事件,例如,可以聚焦和触发onfocus事件,这在某些情况下是需要的,而disabled则完全禁止了这些交互。 - **推荐使用readonly**:在需要保持输入框值提交给服务器...

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

    我们先来讲讲表单中 中readonly和disabled的区别: readonly只对input和textarea有效, 但是disabled对于所以的表单元素都是有效的,包括radio,checkbox等 如果表单中使用的disabled那么用户是不能选择的,也就是说...

    控件的可用与否

    在网页开发中,控制用户界面元素(控件)的可用状态是常见的需求,这涉及到交互设计和用户体验。本文主要讨论如何使用JavaScript实现对文本输入框(Text)和下拉选择框(Select)这两种控件的可用与不可用状态的切换...

    jquery中prop()方法和attr()方法的区别浅析

    在jQuery中,`prop()`和`attr()`方法都是用于处理元素的属性,但它们之间存在重要的区别,尤其是在处理特定类型的属性时。这篇文章将深入探讨这两个方法的差异,并给出何时使用它们的指导原则。 首先,`attr()`方法...

    jQuery的搜索框下拉菜单.zip

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

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

    总结来说,jQuery提供了一套简洁的API来控制HTML元素的可见性和可操作性,这在动态网页开发中非常实用。而LigerUI这样的库进一步扩展了这些功能,使得我们可以更方便地对UI组件进行定制和管理。通过熟练掌握这些方法...

Global site tag (gtag.js) - Google Analytics