<!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>
分享到：
相关推荐
### 使用jQuery设置disabled属性 在jQuery中，我们可以通过`.attr()`方法来添加或修改HTML元素的属性，包括`disabled`属性。 ```javascript // 通过jQuery设置disabled属性的两种方法 $('#areaSelect').attr(...
在html标签中设置按钮被禁用，可以使用如下... jquery 控制button的disabled属性 代码如下: $(‘#button’).attr(‘disabled’,”true”);添加disabled属性 $(‘#button’).removeAttr(“disabled”); 移除disabled属性
设置disabled属性为true即为不可用状态。 JS document.getElementByIdx("btn").disabled=true; jquery $("#btn").attr("disabled", true); html <input type="button" value="提交" id="btn">
本文将详细介绍如何使用jQuery库来批量设置input元素的readonly和disabled属性。 ### 使用jQuery批量设置readonly属性 在HTML中，readonly属性是input元素的一个布尔属性，当这个属性存在时，输入框将变为只读，...
标题“jquery 强制设置文本框处于英文输入法状态”涉及的是一个特定的问题：如何在网页中确保文本框（input元素）在用户交互时始终处于英文输入法模式，特别是在使用扫描枪进行输入时，避免中文输入法的误触发导致...
在jquery中可以通过jqueryObj.attr("disabled","disabled")将页面中某个元素置为不可编辑或触发状态，但是在jquery的API reference中并没说明怎么将页面置为disable的元素重新置为可触发或可编辑的。
本文将详细介绍如何使用 jQuery 设置和移除 `readonly` 和 `disabled` 属性。 `readonly` 属性用于文本输入框 (`input[type="text"]`)，它使得用户不能修改输入框中的内容，但用户仍然可以选中并复制文本。在 ...
本文实例讲述了jQuery中:disabled选择器用法。分享给大家供大家参考。具体分析如下： 此选择器能够选取所有禁用的表单元素。 语法结构: 代码如下:$(“:disabled”) 此选择器一般也要和其他选择器配合使用，比如类...
代码如下: //两种方法设置disabled属性 $(‘#areaSelect’).attr(“disabled”,true); $(‘#areaSelect’).attr(“disabled”,”disabled”); //三种方法移除disabled属性 $(‘#areaSelect’).attr(“disabled”,...
本文将围绕使用jQuery的attr()函数来操作disabled属性，以实现对特定行的显示或隐藏控制，并通过一个具体的函数示例进行详细解析。 首先，我们需要了解attr()函数的基本用法。在jQuery中，attr()函数被用来获取或者...
综上所述，无论是通过设置布尔值还是属性值，我们都可以利用jQuery来轻松控制元素的disabled状态。需要注意的是，在实际编码过程中，应当保证jQuery库已经被正确引入，否则上述代码将不会执行。此外，上述方法在实际...
然而，一个常见的问题是，当`disabled`属性被设置在`<select>`元素上时，后台程序在提交表单时可能无法获取到选中的选项值。这是因为`disabled`状态的表单元素不会作为POST数据发送到服务器。为了解决这个问题，有两...
在上述代码中，通过`prop("disabled","disabled")`将选定元素的disabled属性设置为disabled值。这会使得对应元素变为不可用状态，用户无法进行输入或点击操作。 4. DOM操作：上述过程实际上是一个典型的DOM操作，即...