<!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>
分享到：
相关推荐
Readonly只针对input和textarea有效，而disabled对于所有的表单元素都有效，下面为大家介绍下使用jQuery设置disabled属性
设置disabled属性为true即为不可用状态。 JS document.getElementByIdx("btn").disabled=true; jquery $("#btn").attr("disabled", true); html <input type="button" value="提交" id="btn">
在html标签中设置按钮被禁用，可以使用如下... jquery 控制button的disabled属性 代码如下: $(‘#button’).attr(‘disabled’,”true”);添加disabled属性 $(‘#button’).removeAttr(“disabled”); 移除disabled属性
在jquery中可以通过jqueryObj.attr("disabled","disabled")将页面中某个元素置为不可编辑或触发状态，但是在jquery的API reference中并没说明怎么将页面置为disable的元素重新置为可触发或可编辑的。
本文实例讲述了jQuery中:disabled选择器用法。分享给大家供大家参考。具体分析如下： 此选择器能够选取所有禁用的表单元素。 语法结构: 代码如下:$(“:disabled”) 此选择器一般也要和其他选择器配合使用，比如类...
主要与大家分享Jquery设置attr的disabled属性控制某行显示或者隐藏的具体实现，喜欢的朋友可以参考下
代码如下: //两种方法设置disabled属性 $(‘#areaSelect’).attr(“disabled”,true); $(‘#areaSelect’).attr(“disabled”,”disabled”); //三种方法移除disabled属性 $(‘#areaSelect’).attr(“disabled”,...
Jquery的api中提供了对元素应用disabled和readonly属性的方法，在这里记录下。如下： 1.readonly 代码如下: $(‘input’).attr(“readonly”,”readonly”)//将input元素设置为readonly $(‘input’).removeAttr(...
设置了disabled属性后，后台读取不到数据，让select支持readonly属性，可以设置disabled属性，并把表单值存入hidden隐藏域中，也可以使用jquery控制。示例如下，需要的朋友不要错过
if(text2.attr(“disabled”)==false){ //通过设置disabled的boolean属性将第三个text输入框disabled属性置为true text2.attr(“disabled”,true); }else{ //通过将第三个text输入框disabled属性置为false来移除...
批量设置属性的方法有很多，在本文为大家介绍下使用jquery批量设置readonly和disabled属性
主要介绍了jquery控制checked属性以及disabled属性的多种方法,下面只提到checked,其实disabled在jquery里的用法和checked是一模一样的,需要的朋友可以参考下
3.9.2 :disabled 60 3.9.3 :checked 61 3.9.4 :selected 61 4. 属性 62 4.1 属性 62 4.1.1 attr(name) 62 4.1.2 attr(properties) 62 4.1.3 attr(key, value) 63 4.1.4 attr(key, function(index, attr)) 63 4.1.5 ...