JQUERY设置disabled

最新推荐文章于 2023-01-19 08:26:51 发布
最新推荐文章于 2023-01-19 08:26:51 发布
阅读量85 收藏
点赞数
分类专栏： Html & Javasctipt 文章标签： javascript ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_4972/article/details/82293154
版权 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 

<script type="text/javascript" src="file:///F|/Work/DDLife/Web/Common/common_js.js"></script>

<script type="text/javascript"><!-- 
$(document).ready(function () { 
$("button:eq(0)").click(function () { 
var text1 = $("input:text:eq(0)"); 
if (text1.attr("disabled") == "") { 
// 或者text1.attr("disabled")==false 
//通过设置disabled的值将第一个text输入框置为disabled 
text1.attr("disabled", "disabled"); 
} else { 
//通过覆盖的方式将第一个text输入框中的disabled属性清除掉 
text1.attr("disabled", ""); 
} 
}); 
$("button:eq(1)").click(function () { 
var text2 = $("input:text:eq(1)"); 
if (text2.attr("disabled") == false) { 
//通过设置disabled的值将第二个text输入框置为disabled 
text2.attr("disabled", "disabled"); 
} else { 
//通过移除的方式将第二个text输入框的disable属性删除 
text2.removeAttr("disabled"); 
} 
}); 
$("button:eq(2)").click(function () { 
var text2 = $("input:text:eq(2)"); 
if (text2.attr("disabled") == false) { 
//通过设置disabled的boolean属性将第三个text输入框disabled属性置为true 
text2.attr("disabled", true); 
} else { 
//通过将第三个text输入框disabled属性置为false来移除disabled属性 
text2.attr("disabled", false); 
} 
}); 
}); 
// --></script> 
</head> 
<body> 
<button>disabledNull</button> 
<input type="text" value="input something into me!" size="40"/> 
<br/> 
<button>disabledRemove</button> 
<input type="text" value="input something into me!" size="40"/> 
<br/> 
<button>disabledState</button> 
<input type="text" value="input something into me!" size="40"/> 
</body> 
</html>

 

 

link: http://jiaker.iteye.com/blog/994771

 

 

iteye_4972
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用jQuery设置disabled属性
心若无尘
08-07 1539
表单中readOnly和disabled的区别：     Readonly只针对input(text/ password)和textarea有效，而disabled对于所有的表单元素都有效，包括select,radio, checkbox, button等。 但是表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，这个元素的值不会被传递出去，而readonly
js与jquery设置disabled属性
IamstudyingJava的专栏
07-30 1万+
为了防止重复提交问题。在单击了一个button后，设置为diabled属性。 例如： 那么在test方法里，在最后加一句： document.getElementById("save").setAttribute("disabled", "disabled");   //这是JS方法； $("#test").attr("disabled","true"); //Jquery方法   如
jQuery设置disabled属性与移除disabled属性
极客神殿
10-11 1万+
Readonly只针对input和textarea有效，而disabled对于所有的表单元素都有效。 表单中readOnly和disabled的区别： Readonly只针对input(text/ password)和textarea有效，而disabled对于所有的表单元素都有效，包括select,radio, checkbox, button等。 但是表单元素在使用了disabled后，当我们...
jQuery的disabled属性设置的三种方法
羽裳醉月的博客
06-04 8709
$(document).ready(function () { // 1．移除disabled属性 $("input[id='txtInput_1']").Attr("disabled", "disabled"); $("input[id='txtInput_1']").removeAttr("disabled"); // 2．改变disabled的boolean值 $("input[id='txtInput_2']").Attr("disabled", true); $("input[id=
使用jQuery设置disabled属性与移除disabled属性
10-25
### 使用jQuery设置disabled属性 在jQuery中，我们可以通过`.attr()`方法来添加或修改HTML元素的属性，包括`disabled`属性。 ```javascript // 通过jQuery设置disabled属性的两种方法 $('#areaSelect').attr(...
js和jquery设置disabled属性为true使按钮失效
10-25
在JavaScript（简称js）和jQuery库中，可以方便地通过设置`disabled`属性来实现这一功能。本文将详细探讨如何使用这两种方法使按钮失效。 首先，我们来看JavaScript原生方法。JavaScript是一种广泛使用的客户端脚本...
jquery 将disabled的元素置为enabled的三种方法
10-29
在jquery中可以通过jqueryObj.attr("disabled","disabled")将页面中某个元素置为不可编辑或触发状态，但是在jquery的API reference中并没说明怎么将页面置为disable的元素重新置为可触发或可编辑的。
jq里面关于disable的用法
weixin_30553837的博客
06-17 190
//两种方法设置disabled属性$('#areaSelect').attr("disabled",true);$('#areaSelect').attr("disabled","disabled"); //三种方法移除disabled属性$('#areaSelect').attr("disabled",false);$('#areaSelect').removeAttr("disabled"...
jQuery 把input变为disable
SA
09-05 790
$("#input").attr("disabled","disabled"); 如果需要去掉disable属性 $("#input").removeAttr("disabled"); 如果是javascript写法，那么本质就是先获取到input的对象，然后改变它的disable属性值 document.getElementById("input").disable = fals
jQuery禁用/启用提交按钮
kalman2019的博客
01-19 1256
我有这个 HTML：我该怎么做这样的事情：当文本字段为空时，应禁用提交 (disabled="disabled")。在文本字段中键入内容以删除禁用属性时。如果文本字段再次变为空（文本被删除），则应再次禁用提交按钮。我试过这样的事情：……但它不起作用。有任何想法吗？
JQuery设置和去除disabled属性的5种方法
PHP攻城师
05-15 5588
//两种方法设置disabled属性 $('#areaSelect').attr("disabled",true); $('#areaSelect').attr("disabled","disabled"); //三种方法移除disabled属性 $('#areaSelect').attr("disabled",false); $('#areaSelect').removeA
jquery 设置disabled与去掉disabled属性的方法
程序员的笔记
05-09 5892
jquery 设置disabled与去掉disabled属性的方法如下: //设置disabled属性的方法 $('#mytext').attr("disabled",true); $('#mytext').attr("disabled","disabled"); //移除disabled属性的方法 $('#mytext').attr("disabled",false); $('#myt...
JQuery设置和去除disabled属性几种方法
透明大脑
07-14 8745
1.两种方法设置disabled属性： 　　$('#areaSelect').attr("disabled",true); 　　$('#areaSelect').attr("disabled","disabled"); 　2.三种方法移除disabled属性： 　　$('#areaSelect').attr("disabled",false); 　　$('#areaS
jQuery和HTML对某个标签设置只读（readonly）或者禁用（disabled）属性
上善若泪
09-06 6万+
目录 1 jQuery中只读和禁用 1.1 jquery 设置readonly属性 1.2 jquery 设置disabled属性 1.3 jquery动态添加文本框的readonly只读属性 2 HTML中只读和禁用 1 jQuery中只读和禁用 1.1 jquery 设置readonly属性 $('input').attr("readonly","readonly")//将input元素设置为readonly $('input').removeAttr("readonly");//
jquery disable按钮（启用、禁用按钮）
热门推荐
wangjun5159的专栏
08-14 8万+
启用按钮： $("#id").attr("disabled","disabled"); 禁用按钮： $("#id").$("#id").removeAttr("disabled");
jquery获取disabled属性
最新发布
05-23
可以使用 jQuery 的 `prop()` 方法获取元素的 `disabled` 属性值，示例代码如下： ```javascript var isDisabled = $('#myElement').prop('disabled'); console.log(isDisabled); ``` 其中，`#myElement` 是你想要...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值