jquery 控制 input disabled

最新推荐文章于 2024-07-15 09:37:55 发布
转载 最新推荐文章于 2024-07-15 09:37:55 发布 · 5.8k 阅读 · 0

本文介绍了如何使用jQuery和原生JavaScript来实现网页上输入框的禁用与启用功能。对于jQuery, 使用 $(#id).attr(disabled disabled) 来禁用输入框，使用 $(#id).removeAttr(disabled) 来启用输入框；对于原生JavaScript, 使用 document.getElementById(id).disabled = true 来禁用输入框，使用 document.getElementById(id).disabled = false 来启用输入框。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >


1.开启disabled，是input不可以编辑

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

2.关闭disabled

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

普通js中是这样写的，document.getElementById("id").disabled = false;原来以为jquery中也可以这样赋值，$("#id").attr("disabled","false");

后台发现根本不起作用。


<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
Jlins
关注
使用jQuery禁用输入框
2301_79325657的博客
09-28 361
在本文中，我将向您展示如何使用jQuery来禁用输入框，并提供相应的源代码示例。您可以从官方网站（https://jquery.com/）下载jQuery库，并将其包含在您的HTML文件中，或者使用CDN链接。当您运行上述代码后，选定的输入框将被禁用，用户将无法编辑其内容或触发相应的事件。如果您希望禁用多个输入框，可以使用逗号分隔它们的选择器。请注意，上述代码示例中的选择器可以根据您的实际情况进行修改。接下来，我们将使用jQuery选择器来选取要禁用的输入框，并使用。或其他属性来选择要禁用的输入框。
jQuery中:disabled选择器用法实例
12-09
本文实例讲述了jQuery中:disabled选择器用法。分享给大家供大家参考。具体分析如下： 此选择器能够选取所有禁用的表单元素。 语法结构: 代码如下:$(“:disabled”) 此选择器一般也要和其他选择器配合使用，比如类...
jquery input标签的禁用和启用disabled
YY_Ylx_XX的博客
04-01 1381
input框使用disabled后input 元素既不可用，也不可点击。可以设置 disabled 属性，直到满足某些其他的条件为止（比如选择了一个复选框等等）。然后，就需要通过 JavaScript 来删除 disabled 值，将 input 元素的值切换为可用。 $('.yeswh input').removeAttr('disabled'); //删除disabled元素 让input框可以点击 $(".nowh input").attr("disabled","disabled"); //..
jQuery 把input变为disable
SA
09-05 865
$("#input").attr("disabled","disabled"); 如果需要去掉disable属性 $("#input").removeAttr("disabled"); 如果是javascript写法，那么本质就是先获取到input的对象，然后改变它的disable属性值 document.getElementById("input").disable = fals
使用 jQuery 禁用/启用输入？
HuntsBot的博客
01-05 1017
或者哪个是标准方式？而且，相反，如何启用禁用的输入？
用jquery设置按钮的disabled属性的实现代码
12-09
input type=’button’ id=’test’ value=... jquery 控制button的disabled属性 代码如下: $(‘#button’).attr(‘disabled’,”true”);添加disabled属性 $(‘#button’).removeAttr(“disabled”); 移除disabled属性
jquery设置表单元素只读_JQuery控制input的readonly和disabled属性
05-26
可以使用 jQuery 的 `prop()` 方法来设置表单元素的 `readonly` 和 `disabled` 属性。 例如，要将一个输入框设置为只读，可以使用以下代码： ```javascript $("#input-id").prop("readonly", true); ``` 同样地，...
使用jQuery设置disabled属性与移除disabled属性
10-25
### 使用jQuery设置disabled属性 在jQuery中，我们可以通过`.attr()`方法来添加或修改HTML元素的属性，包括`disabled`属性。 ```javascript // 通过jQuery设置disabled属性的两种方法 $('#areaSelect').attr(...
Jquery设置attr的disabled属性控制某行显示或者隐藏
10-25
主要与大家分享Jquery设置attr的disabled属性控制某行显示或者隐藏的具体实现，喜欢的朋友可以参考下
禁用输入框案例（jQuery）
最新发布
qq_66400200的博客
07-15 232
【代码】禁用输入框案例（jQuery）
jquery 控制 disabled
lanzhghz100的博客
08-19 465
//两种方法设置disabled属性 　　$('#areaSelect').attr("disabled",true); 　　$('#areaSelect').attr("disabled","disabled"); 　　//三种方法移除disabled属性 　　$('#areaSelect').attr("disabled",false); 　　$('#areaSe
jquery input disabled 页面上所有的input 设置为disabled
neutrojan的专栏
11-07 6715
$(":input").attr("disabled", "disabled");
JQ设置input disabled
MaxVelika的博客
01-20 1777
代码： layui.use('form', function () { var form = layui.form; form.render(); form.on('select(selectTyp)', function (data) { $("#input_val").val(""); var selectTyp = data.va...
jquery设置input中disabled属性
l_degege的专栏
08-06 4087
$("#id").attr("disabled","disabled"); 注：http://www.jquerycn.cn/a_14244
jquery中禁用输入框_jQuery禁用输入字段
06-02 1436
jquery中禁用输入框 禁用和输入字段的简单jQuery代码段，例如，用户无法更改表单上文本框的值。 $('input').attr('disabled','disabled'); 替代方法 一整堆的方法都可以完成，例如，我见过的大多数人都使用点击事件来完成这项更轻松的任务。 $('input').click(function(){ console.log("clicked"); ...
JQ给页面上的input加disabled属性
热门推荐
我爱吃烧饼
11-22 1万+
加disabled: $("#inputId").attr('disabled','disabled'); 取消disabled: $("#inputId").removeAttr('disabled');
JQuery让input从disabled变成enabled
weixin_39037804的博客
09-30 499
设置input框可用： 0.document.getElementById("removeButton").disabled = false; //普通Js写法 1.$("#input")...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值