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` 属性。 `readonly` 属性用于文本输入框 (`input[type="text"]`),它使得用户不能修改输入框中的内容,但用户仍然可以选中并复制文本。在 ...
本文将详细介绍如何使用jQuery库来批量设置input元素的readonly和disabled属性。 ### 使用jQuery批量设置readonly属性 在HTML中,readonly属性是input元素的一个布尔属性,当这个属性存在时,输入框将变为只读,...
以下是一个函数示例,它接受元素和值作为参数,对选中元素的`disabled`属性进行设置。 ```javascript function disableElement(element, val) { document.getElementById(element).disabled = val; } ``` 此函数...
在HTML中,`readonly`和`disabled`是两个非常重要的表单元素属性,它们用于限制用户对表单输入的交互方式。这两个属性虽然在目的上相似,但它们的应用场景、操作行为以及在表单提交时的行为却有着明显的区别。 首先...
然而,一个常见的问题是,当`disabled`属性被设置在`<select>`元素上时,后台程序在提交表单时可能无法获取到选中的选项值。这是因为`disabled`状态的表单元素不会作为POST数据发送到服务器。为了解决这个问题,有两...
jQuery还提供了`.attr()`方法,用于获取和设置HTML元素的属性值。例如,获取元素的class属性值可以用`$("#tow").attr("class")`;为元素设置class属性则可以使用`$("#two").attr("class", "divClass")`。需要注意的...
本文将详细讲解如何使用jQuery来显示和隐藏元素,以及如何设置元素为只读或禁用状态,同时也包括LigerUI库中的控件禁用方法。 一、隐藏和显示元素 在jQuery中,有多种方式可以实现元素的隐藏和显示。以下是一些...
最新版本的jQuery EasyUI 1.3.6版全中文API汉化文档火热出炉,由于很多人和我要chm格式的,所以本次API我提供了2种版本的API,一个还是以前的... spinner:添加“readonly”属性、“readonly”方法和“onChange”事件。
总的来说,`ReadOnly`和`Disabled`提供了不同程度的用户交互限制,`ReadOnly`适用于希望用户查看但不修改数据的情况,而`Disabled`则用于完全禁止用户与某个控件交互。在实际应用中,应根据具体需求来选择合适的属性...
jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。...spinner:添加"readonly"属性、"readonly"方法和"onChange事件。
在本文中,我们主要探讨了如何使用jQuery来设置HTML表单中的单选按钮(radio按钮)的选中状态和禁用状态。单选按钮允许用户从一组选项中只选择一个选项。在某些情况下,我们可能需要根据应用程序的逻辑来动态控制...
本文主要概述了HTML的常用元素和特性,同时也提及了CSS、JavaScript以及jQuery的基础知识。 HTML,全称为超文本标记语言,是创建网页内容的基石。它允许开发者插入各种元素,如文本、图像、音频和视频,构建丰富的...
readonly只对input和textarea有效, 但是disabled对于所以的表单元素都是有效的,包括radio,checkbox等 如果表单中使用的disabled那么用户是不能选择的,也就是说这个文本框是无法获取到焦点的,而readonly是可以...
validatebox:新增“editable”、“disabled”、“readonly”、“validateOnCreate”和“validateOnBlur”属性; validatebox:新增“enable”、“disable”、“readonly”和“resetValidation”方法; ...
不过,与disabled不同的是,设置了readonly的元素仍然可以被提交到服务器,同时用户也无法修改其值。 - **onfocus事件**:readonly属性允许元素接收键盘事件,例如,可以聚焦和触发onfocus事件,这在某些情况下是...
注意设置了readonly、disabled,都会对其进行验证,一般用于该节点不需要被输入(如在其它层选择后填充内容),但需要验证时使用。手机上使用readonly仍会呼出键盘,还是需要使用disabled 如何使用 可以直接引入使用...