`

用jQuery给文本框添加只读属性【readOnly】 .

阅读更多
<input id="id" type="text"  />



jQuery(

$("#id").attr("readonly":"readonly");    //添加readonly属性 & $("#ID").attr({ readonly: 'true' });

$("#id").removeAttr("readonly");    //去除readonly属性

);

分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    文本框的ViewState和Readonly属性

    在ASP.NET中,可以结合JavaScript或jQuery在客户端动态切换文本框的readonly属性,例如根据用户的选择启用或禁用输入。同时,也可以使用Ajax更新只读文本框的内容,提供更好的用户体验。 总结来说,了解和恰当使用...

    jQuery插件datepicker的使用详解.pdf

    《jQuery插件datepicker的使用详解》 jQuery,作为JavaScript库的杰出代表,为开发者提供了丰富的功能和便捷的API,使得前端开发变得更加高效。其中,datepicker插件是jQuery UI中的一个核心组件,它解决了网页中...

    asp.net的漂亮textbox控件

    4. `ReadOnly`:如果设置为`true`,则文本框变为只读。 5. `AutoPostBack`:当文本框内容变化时,是否触发页面回发。 在实际应用中,我们往往需要更美观、功能更强大的文本框控件,以提高用户界面的吸引力。`asp...

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

    本文将详细介绍如何使用 jQuery 来设置和管理这两个属性。 首先,`readonly` 属性用于使输入元素处于只读状态,用户可以查看但不能更改内容。在 jQuery 中,有多种方式来设置和移除这一属性: 1. 设置 `readonly`...

    文本框只能选择数据到文本框禁止手动输入

    在给文本框赋值时,我们可以使用jQuery来动态地添加和移除`readonly`属性,以实现允许用户选择但禁止手动输入的功能。 以下是一个使用jQuery的例子: ```javascript // 去除readonly属性,允许用户选择 $("#...

    如何在只读文本框中停止按退格键?

    总结来说,要在只读文本框中阻止退格键,你需要使用JavaScript或jQuery监听键盘事件,检测到退格键时调用`event.preventDefault()`来阻止默认行为。对于富文本编辑器,操作可能会有所不同,需要按照编辑器的API进行...

    bootstrap 固定文本框

    在这个例子中,`class="form-control"`是Bootstrap为输入框添加样式的关键,而`disabled`属性使得文本框变为只读,用户无法修改。 接下来,我们讨论“上传附件”功能。在Bootstrap中,通常会结合HTML5的`...

    常用限制input的方法

    // 其他jQuery扩展方法可以继续添加... ``` 通过上述方法,我们可以更灵活地控制`&lt;input&gt;`和`&lt;select&gt;`元素的输入行为,使得Web应用程序更加健壮和用户友好。这些技术在实际开发中非常有用,可以根据具体需求选择...

    控件的可用与否

    使用JavaScript的jQuery库,我们可以添加一个复选框,当被选中时,解除文本框的只读状态并改变背景颜色: ```html ()" /&gt; ``` 相应的JavaScript函数`checkBoxNameytdwck()`如下: ```javascript function ...

    appweb嵌入式WebServer服务器学习笔记

    - 使用`readonly`属性禁止文本框编辑:`&lt;input readonly="readonly" value="xxxx"/&gt;` - 使用`disabled`属性完全禁用文本框:`&lt;input disabled="disabled" value="xxxx"/&gt;` 2. **禁止文本框自动补全**: - 使用`...

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

    如果表单中使用的disabled那么用户是不能选择的,也就是说这个文本框是无法获取到焦点的,而readonly是可以获取到焦点,只是不能修改,为只读 最重要的一点, 在发送表单的时候,表单的控件属性没有name属性该字段...

    Web前端知识点总结.pdf

    - 其他属性:`name`定义输入字段的名称,`value`设置默认值,`readonly`和`disabled`分别设置只读和禁用状态。 17. `&lt;select&gt;`:创建下拉列表。 - `&lt;option&gt;`:定义下拉选项。 18. `&lt;textarea&gt;`:创建多行文本...

    ExtAspNet_v2.3.2_dll

    -使用Hidden来显示隐藏ExtAspNet控件,而不是使用Visible属性(Visible目前设置为只读属性)。 -使用Hidden控制Window控件的显示隐藏,Popup已经标记为Obsolete属性。 -Window的实例方法GetCloseReference等以及...

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

    -使用Hidden来显示隐藏ExtAspNet控件,而不是使用Visible属性(Visible目前设置为只读属性)。 -使用Hidden控制Window控件的显示隐藏,Popup已经标记为Obsolete属性。 -Window的实例方法GetCloseReference等以及...

    Jquery Easyui自定义下拉框组件使用详解(21)

    本文将详细介绍如何使用JQuery Easyui的自定义下拉框组件。 首先,下拉框组件不能通过普通的HTML标签直接创建,而是通过JavaScript调用方式加载。在HTML中设置一个input标签作为下拉框的触发器,并在JavaScript中...

    My97日期控件 My97 DatePicker Ver 3.0

    - **API参数**:如`defaultDate`用于设置默认日期,`readOnly`控制文本框是否只读,`isShowClear`决定是否显示清除按钮等。 - **回调函数**:如`onSelect`在用户选择日期后执行,`onClose`在日期选择器关闭时执行...

    My97DatePickerBeta 显示日期的textbox

    My97 DatePicker Beta提供了丰富的配置选项,例如`isShowClear`用于控制是否显示清除按钮,`readOnly`控制文本框是否只读,`startDate`和`endDate`设定日期范围等。详细配置可参考官方文档。 5. **优化与性能**: ...

Global site tag (gtag.js) - Google Analytics