jQuery让文本框不可编辑

最新推荐文章于 2023-08-10 09:24:51 发布
最新推荐文章于 2023-08-10 09:24:51 发布
阅读量8.5k 收藏
点赞数
分类专栏： jQuery 文章标签： jQuery JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/haveysun/article/details/9290845
版权
需求如下：页面加载时，让符合条件的文本框不可用，td变灰色。
方案如下：
 $.getJSON(url, data, function(result){
$.each(result,function(i,item){
            $("#tableScroll").find("input[item='"+item+"']").attr("disabled","false").parent("td").css("background","#edeff3");
});
});
重点是红色部分让文本框不可编辑并且放上去显示手形。

haveysun
关注
专栏目录
jQuery代码设置input输入框 不可编辑的切换
weixin_42590334的博客
11-27 1987
1.开启disabled，是input不可以编辑 $("#input_id").attr("disabled","disabled"); 2.关闭disabled $("#input_id").removeAttr(“disabled”); 普通js中是这样写的，document.getElementById(“input_id”).disabled = false; 3.设置input为di...
JS实现文本框不可编辑
meijory的博客
09-17 5万+
JS实现文本框不可编辑 方法1: onfocus=this.blur() 当鼠标放不上就离开焦点  方法2:readonly     方法3: disabled  disabled>  disabled="disabled"这样定义之后被禁用的 input 元素既不可用，也不可点击。 readonly="readonly" 只读字段是不能修改的。 js动态实
jquery 设置input不可编辑
最新发布
Rockandrollman的博客
08-10 810
是一个选择所有 input 元素的示例选择器。您可以根据需要修改选择器，以选择特定的 input 元素或添加其他条件。要使用 jQuery 设置一个 input 元素不可编辑，您可以使用。，使其变为不可编辑。此外，该属性还会改变元素的外观（通常以灰色显示）。用户无法直接编辑这些 input 元素。上面的示例将选择所有 input 元素，并使用。上面的示例选择所有 input 元素，并使用。
jQuery设置input不可编辑
Be Like
09-26 3324
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 1324
1.开启disabled，是input不可以编辑 $("input").attr("disabled",'disabled'); $("select").attr("disabled",'disabled'); $("textarea").attr('disabled','disabled'); $("#id").attr("disabled","disabl
jQuery代码设置input输入框 不可以编辑的切换
噗嗤
11-13 965
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 =
jquery实现文本框的禁用和启用
10-20
1. **禁用状态的样式**：禁用状态的文本框通常会呈现一种不可编辑的灰色样式，这是浏览器的默认行为，可以通过 CSS 自定义禁用元素的样式。 2. **事件绑定**：禁用的文本框不会触发任何用户交互事件，如 `focus`、`...
JQuery 文本框回车跳到下一个文本框示例代码
10-26
如果不存在下一个文本框，你可以在这里添加额外的逻辑，比如提交表单。 总的来说，这个示例展示了如何使用jQuery监听文本框的回车键事件，并在用户按下回车时自动跳转到下一个文本框。这种方法提高了用户在多字段...
jqueryeasyui实现动态编辑文本框Demo
现役码农的博客
02-02 1216
在官网也有对应的demo，但是我直接写的时候，总是不成功。调试了以后才能使用 现在对应的js中添加如下代码 $.extend($.fn.datagrid.methods, { editCell: function (jq, param) { return jq.each(function () { var opts = $(this).data...
html javascript jquery 文本框水印
01-19
在HTML、JavaScript和jQuery的环境中，实现这一功能并不复杂，而且不会对其他如ASP.NET验证控件的功能产生干扰。以下是对这个主题的详细阐述： 首先，我们需要理解HTML的基本结构。`<input>`标签用于创建文本框，...
jquery input切换编辑和不可编辑模式,input自动获得焦点，遍历所有的子类标签
csr0312的专栏
01-16 7406
在项目中我们经常会用到这样的效果，点击一下不可编辑的input 标签，变成可编辑的input标签。用法如下 可编辑状态： $(“#content”).attr("readOnly",false); 不可可编辑状态： $(“#content”).attr("readOnly",true);
jQuery设置页面元素不可点击，不可编辑，只读
m0_52613676的博客
11-30 763
$("input").attr('readonly', true); $("textarea").attr('readonly', true); $(':radio').attr('disabled', true); $(':checkbox').attr('disabled', true); $(':button').attr('disabled', true); $('a').removeAttr('onclick'); $('select').attr('disabled', true); 另外，对
jquery disabled设置不可编辑
weixin_34067980的博客
01-06 521
2019独角兽企业重金招聘Python工程师标准>>> ...
jquery设置页面元素为只读
cuisongliu的专栏
10-20 3266
/** * 设置页面为只读 */ Utils.setPageUnEdit=function(fromId){ $(":text,:password,:submit,:image,:reset,:button,:file",'#'+fromId).each(function(i){ $(this).attr("readonly",true); }); $("
【jQuery】用jQuery给文本框添加只读属性【readOnly】
热门推荐
Me_zhen的专栏
07-27 7万+
jQuery( $("#id").attr("readonly":"readonly");    //添加readonly属性 $("#id").removeAttr("readonly");    //去除readonly属性);来自:http://hi.baidu.com/c
jQuery控制 input 不可编辑
csdnluolei
11-23 5479
//开启disabled，是input不可以编辑 $("#id").attr("disabled","disabled"); //关闭disabled $("#id").removeAttr("disabled"); //js中是这样写的 document.getElementById("id").disabled = false;  ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值