jQuery控制 input 不可编辑

最新推荐文章于 2024-01-22 14:25:56 发布
原创 最新推荐文章于 2024-01-22 14:25:56 发布 · 5.5k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#JQuery #disabled

本文介绍了如何使用jQuery和原生JavaScript来禁用和启用HTML输入框，通过设置disabled属性实现对用户输入的控制。 
//开启disabled，是input不可以编辑

$("#id").attr("disabled","disabled");

//关闭disabled

$("#id").removeAttr("disabled");

//js中是这样写的

document.getElementById("id").disabled = false;

 

jq 动态添加/删除input框,且每个input框名字name不一样,分别点击弹出窗口
是日已过，命亦随减的博客
06-18 569
<table border="1" style="" id="_table1"> <tr > <td>序号</td> <td>指定运送地区：</td> <td>购买数(件) ：</td> .
jquery tag插件input文本域输入文字创建标签文字效果
11-23
- **初始化**：在页面加载完成后，使用jQuery选择器找到input元素，然后调用插件方法进行初始化配置，例如设置标签模板、分隔符、是否允许编辑等。 4. **核心API**： - `$(selector).tag({options})`：初始化插件...
jQuery禁用输入字段
06-02 146
简单的jQuery代码段禁用和输入字段，使得用户不能改变例如一个窗体上的文本框的值。 $('input').attr('disabled','disabled'); 替代方法 方式一整堆做这样有史以来容易的任务，我看到有人用click事件做居多。 $('input').click(function(){ console.log("clicked"); onclick = $(this...
HTML模板不可编辑区域,jquery怎么设置区域不可操作？
weixin_29215969的博客
06-10 265
Jquery的api中提供了对元素应用disabled和readonly属性的方法，这两种属性方法可以使元素不可操作，下面我们就来看一下jQuery设置区域不可操作的方法。jquery设置页面元素不可点击、不可编辑、只读：$("input").attr('readonly', true);$("textarea").attr('readonly', true);$(':radio').attr('...
Jquery修改input name修改不了
xiaomin1991222的专栏
11-13 258
2011年7月12日 | 分类: IE, Jquery, 代码民工, 软生活 | 标签: ie, Jquery, w3help, web标准, 兼容性, 浏览器, 软生活   项目中用到的，clone一段输入框然后修改name在添加到另外一块区域中。 但是测试到IE，杯具了–clone后不支持修改input的name。 例如： $(input).attr(‘name’,'...
使input文本框不可编辑的方法
weixin_30814329的博客
10-16 4090
disabled 属性规定应该禁用 input 元素，被禁用的 input 元素，不可编辑，不可复制，不可选择，不能接收焦点,后台也不会接收到传值。设置后文字的颜色会变成灰色。disabled 属性无法与 <input type="hidden"> 一起使用。示例：<input type="text" disabled="disabled" /> read...
JavaScript和jQuery获取input框的绝对位置
03-24
在这个场景中，`input`框可以是任何类型的输入元素，如`<input type="text">`, `<textarea>`, 或自定义的可编辑区域。不论何时，只要需要知道输入框在页面上的具体位置，以上的方法都可以派上用场。 需要注意的是，...
jQuery 实现双击编辑表格功能
12-09
当用户双击一个单元格时，该单元格将变为可编辑状态，即变为一个输入框（input）。以下是如何实现这一功能的 JavaScript 代码： ```javascript $(document).ready(function() { $(".tables").on("dblclick", "td",...
JQuery实现可编辑的表格实例讲解（2）
10-23
在这份文档中，主要讲述了如何...这份文档的描述和内容都是围绕着JQuery在实现一个可编辑表格方面的应用，所以整个分析过程中，我们主要聚焦在JQuery的具体使用方法，以及如何通过JavaScript来控制页面元素的交互行为。
用Jquery实现可编辑表格并用AJAX提交到服务器修改数据
10-29
在本文中，我们将深入探讨如何使用jQuery实现一个可编辑的表格，并通过AJAX技术将用户在表格中的修改实时提交到服务器以更新数据。这是一项常见的前端功能，它提供了直观的用户体验，允许用户直接在表格中编辑数据而...
input禁止输入的方法
qq_43654065的博客
10-08 595
1. readonly 规定输入字段为只读可复制，但是，用户可以使用Tab键切换到该字段，可选择,可以接收焦点，还可以选中或拷贝其文本。 <input type="text" value="test" readonly="readonly"> 2. disabled 被禁用的 input 元素可复制，不能接收焦点,设置后文字的颜色会变成灰色。无法与 <input type="hidden"> 一起使用。 <input type="text" value="tes.
对于动态生成出来的内容，jquery点击事件无效的问题
sinat_34469308的博客
10-23 625
最近前端在做一个功能， 功能的内容是点击A按钮，生成内容1，在内容1中点击B按钮，生成内容2，在内容2中点击C按钮，返回最初界面样式。 整个jquery的代码，全部使用了 .click(function(){} 层层嵌套的结构。在这种click()点击事件支撑下的动态内容生成，依然没有问题。 但是“ .click(function(){} 层层嵌套的结构”会出现一个问题，就是最后一步，返回最初界面...
jQuery控制input不可编辑
weixin_43358852的博客
10-08 1373
1.开启disabled，是input不可以编辑 $("input").attr("disabled",'disabled'); $("select").attr("disabled",'disabled'); $("textarea").attr('disabled','disabled'); $("#id").attr("disabled","disabl
设置input 不可编辑的方法
哈
11-14 4090
设置input 不可编辑的方法 方法一：disabled 属性规定禁用 input 元素，被禁用的 input 元素，不可编辑，不可复制，不可选择，不能接收焦点，后台也不会接收到传值。设置后文字的颜色会变成灰色。该属性无法与 一起使用。示例： <input type="text" disabled="disabled" /> 方法二：readonly 属性规定输入字段为只读...
input框不可编辑的三种方法
SUNN1Y的博客
10-27 5046
文章来源:https://blog.youkuaiyun.com/qq_16858683/article/details/80742803 本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：https://www.xjx100.cn/news/369710.html 如若内容造成侵权/违法违规/事实不符，请联系邮箱：2375622971@qq.com进行反馈，一经查实，立即删除！
js动态设置input框不可编辑
最新发布
leo_5210的博客
01-22 3157
readonly 属性可以防止用户对值进行修改，直到满足某些条件为止（比如选中了一个复选框）。然后，需要使用 JavaScript 消除 readonly 值，将输入字段切换到可编辑状态。不过，用户仍然可以使用 tab 键切换到该字段，还可以选中或拷贝其文本。3、设置input为不可编辑，双击方法仍然生效解决方法。被禁用的 input 元素是无法使用和无法点击的。disabled 属性规定应该禁用的 元素。readonly 属性规定输入字段为只读。disabled 属性是一个布尔属性。
使input文本框不可编辑的3种方法
热门推荐
u010210251的博客
11-08 16万+
今天试了一下使input文本框不可编辑的3种方法，现在总结一下： disabled 属性规定应该禁用 input 元素，被禁用的 input 元素，不可编辑，不可复制，不可选择，不能接收焦点,后台也不会接收到传值。设置后文字的颜色会变成灰色。disabled 属性无法与 一起使用。 示例： readonly 属性规定输入字段为只读可复制，但是，用户可以使用Tab键切
jquery给标签添加属性禁止编辑属性
小白的自我摸索之路
12-18 1070
给标签添加禁止属性
jquery input disabled 页面上所有的input 设置为disabled
neutrojan的专栏
11-07 6729
$(":input").attr("disabled", "disabled");
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值