jQuery让文本框不可编辑

最新推荐文章于 2023-08-10 09:24:51 发布
原创 最新推荐文章于 2023-08-10 09:24:51 发布 · 8.5k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#jQuery #JavaScript

本文介绍了一种使用jQuery实现的需求：在页面加载时，根据获取的数据动态设置符合条件的文本框为不可编辑状态，并将其所在表格单元格的背景颜色更改为特定颜色。
需求如下：页面加载时，让符合条件的文本框不可用，td变灰色。
方案如下：
 $.getJSON(url, data, function(result){
$.each(result,function(i,item){
            $("#tableScroll").find("input[item='"+item+"']").attr("disabled","false").parent("td").css("background","#edeff3");
});
});
重点是红色部分让文本框不可编辑并且放上去显示手形。

jquery实现文本框的禁用和启用
10-20
1. **禁用状态的样式**：禁用状态的文本框通常会呈现一种不可编辑的灰色样式，这是浏览器的默认行为，可以通过 CSS 自定义禁用元素的样式。 2. **事件绑定**：禁用的文本框不会触发任何用户交互事件，如 `focus`、`...
前端jquery 实现文本框输入出现自动补全提示功能
最新发布
01-22
性能优化也是不可忽视的一环，比如减少不必要的DOM操作，优化数据匹配算法，以保证功能的流畅和响应速度。 最后，通过解压后的HTML页面可以直接体验到完整的自动补全提示功能。这要求开发者在HTML页面中嵌入相应的...
jQuery代码设置input输入框 不可编辑的切换
请大家直接把问题写在评论区或留言，不要只说一句"你好 或 在吗"，我会尽快回复的。
07-11 3万+
1.开启disabled，是input不可以编辑　　$("#input_id").attr("disabled","disabled");2.关闭disabled　　$("#input_id").removeAttr("disabled");普通js中是这样写的，document.getElementById("input_id").disabled = false;...
jquery 设置input不可编辑
Rockandrollman的博客
08-10 1142
是一个选择所有 input 元素的示例选择器。您可以根据需要修改选择器，以选择特定的 input 元素或添加其他条件。要使用 jQuery 设置一个 input 元素不可编辑，您可以使用。，使其变为不可编辑。此外，该属性还会改变元素的外观（通常以灰色显示）。用户无法直接编辑这些 input 元素。上面的示例将选择所有 input 元素，并使用。上面的示例选择所有 input 元素，并使用。
jQuery设置input不可编辑
Be Like
09-26 3505
1.开启disabled，是input不可以编辑 $("#id").attr("disabled","disabled"); 2.关闭disabled $("#id").removeAttr("disabled"); 3.普通js中： document.getElementById("id").disabled = false;
jQuery控制input不可编辑
weixin_43358852的博客
10-08 1376
1.开启disabled，是input不可以编辑 $("input").attr("disabled",'disabled'); $("select").attr("disabled",'disabled'); $("textarea").attr('disabled','disabled'); $("#id").attr("disabled","disabl
JQuery 文本框回车跳到下一个文本框示例代码
10-26
如果不存在下一个文本框，你可以在这里添加额外的逻辑，比如提交表单。 总的来说，这个示例展示了如何使用jQuery监听文本框的回车键事件，并在用户按下回车时自动跳转到下一个文本框。这种方法提高了用户在多字段...
markItUp通用标记编辑器1.x：基于jQuery的文本框增强插件
markItUp 是一款基于 jQuery 框架开发的通用标记编辑器（Markup Editor），其核心功能是将网页中的普通 textarea 文本输入框增强为支持多种标记语言语法的功能性富文本编辑器。该工具广泛适用于需要用户输入结构化...
实现文本框与可编辑div表情插入功能的jQuery插件
jQuery表情符号插件可以自动识别用户操作的是`<textarea>`元素还是可编辑的`<div>`元素，并提供相应的表情插入方式。对于`<textarea>`，它会插入预定义的表情符号代码（如`:)`），而对于可编辑的`<div>`则直接插入...
jQuery代码设置input输入框 不可以编辑的切换
噗嗤
11-13 1038
jQuery代码设置input输入框 不可编辑的切换 1.开启disabled，是input不可以编辑 $("#input_id").attr(“disabled”,“disabled”); 2.关闭disabled $("#input_id").removeAttr(“disabled”); 普通js中是这样写的，document.getElementById(“input_id”).disabled = false; 3.设置input为disabled之后，无法使用 var formParam =
使input文本框不可编辑的3种方法
热门推荐
u010210251的博客
11-08 16万+
今天试了一下使input文本框不可编辑的3种方法，现在总结一下： disabled 属性规定应该禁用 input 元素，被禁用的 input 元素，不可编辑，不可复制，不可选择，不能接收焦点,后台也不会接收到传值。设置后文字的颜色会变成灰色。disabled 属性无法与 一起使用。 示例： readonly 属性规定输入字段为只读可复制，但是，用户可以使用Tab键切
JS实现文本框不可编辑
meijory的博客
09-17 5万+
JS实现文本框不可编辑 方法1: onfocus=this.blur() 当鼠标放不上就离开焦点  方法2:readonly     方法3: disabled  disabled>  disabled="disabled"这样定义之后被禁用的 input 元素既不可用，也不可点击。 readonly="readonly" 只读字段是不能修改的。 js动态实
jquery给标签添加属性禁止编辑属性
小白的自我摸索之路
12-18 1074
给标签添加禁止属性
jquery input标签的禁用和启用disabled
YY_Ylx_XX的博客
04-01 1437
input框使用disabled后input 元素既不可用，也不可点击。可以设置 disabled 属性，直到满足某些其他的条件为止（比如选择了一个复选框等等）。然后，就需要通过 JavaScript 来删除 disabled 值，将 input 元素的值切换为可用。 $('.yeswh input').removeAttr('disabled'); //删除disabled元素 让input框可以点击 $(".nowh input").attr("disabled","disabled"); //..
[Jquery]设置表单元素不可用input disable
沧白
10-31 6524
Jquery1.5以前// 设置不可用 $("#inp1").attr("disabled", "disabled"); // 设置可用 $("#inp1").attr("disabled", "");Jquery1.5以后// 设置不可用 $("#inp1").attr("disabled", "disabled"); $("#inp1").attr("disabled", true); // 设
android输入框不可编辑,android中控制EditText不可编辑的问题
weixin_35407400的博客
05-26 2361
1、首先想到在xml中设置android:editable="false"，但是如果想在代码中动态设置可编辑状态，没有找到对应的函数2、然后尝试使用editText.setFocusable(false);和editText.setEnabled(false);设置不可编辑状态；editText.setFocusable(true);和 editText.setEnabled(true);设置可编...
jQuery实现可编辑文本框
※天涯问津
10-17 1291
学习和交流——jquery资料 一个用jquery完成的效果：可编辑的表格 1.先写一个含有表格的页面jqueryEdit.html: jquery示例3:可修改的表格 1234 5678 ...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值