`
oywl2008
  • 浏览: 1051889 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

JQUERY设置disabled

 
阅读更多 
<!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

 

 

分享到：
| Fiddler2 网页访问监控软件
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    使用jQuery设置disabled属性与移除disabled属性

    ### 使用jQuery设置disabled属性 在jQuery中，我们可以通过`.attr()`方法来添加或修改HTML元素的属性，包括`disabled`属性。 ```javascript // 通过jQuery设置disabled属性的两种方法 $('#areaSelect').attr(...

    用jquery设置按钮的disabled属性的实现代码

    在html标签中设置按钮被禁用，可以使用如下... jquery 控制button的disabled属性 代码如下: $(‘#button’).attr(‘disabled’,”true”);添加disabled属性 $(‘#button’).removeAttr(“disabled”); 移除disabled属性

    js和jquery设置disabled属性为true使按钮失效

    设置disabled属性为true即为不可用状态。 JS document.getElementByIdx("btn").disabled=true; jquery $("#btn").attr("disabled", true); html &lt;input type="button" value="提交" id="btn"&gt;

    jquery批量设置属性readonly和disabled的方法

    本文将详细介绍如何使用jQuery库来批量设置input元素的readonly和disabled属性。 ### 使用jQuery批量设置readonly属性 在HTML中，readonly属性是input元素的一个布尔属性，当这个属性存在时，输入框将变为只读，...

    jquery 强制设置文本框处于英文输入法状态

    标题“jquery 强制设置文本框处于英文输入法状态”涉及的是一个特定的问题：如何在网页中确保文本框（input元素）在用户交互时始终处于英文输入法模式，特别是在使用扫描枪进行输入时，避免中文输入法的误触发导致...

    jquery 将disabled的元素置为enabled的三种方法

    在jquery中可以通过jqueryObj.attr("disabled","disabled")将页面中某个元素置为不可编辑或触发状态，但是在jquery的API reference中并没说明怎么将页面置为disable的元素重新置为可触发或可编辑的。

    jquery设置元素的readonly和disabled的写法

    本文将详细介绍如何使用 jQuery 设置和移除 `readonly` 和 `disabled` 属性。 `readonly` 属性用于文本输入框 (`input[type="text"]`)，它使得用户不能修改输入框中的内容，但用户仍然可以选中并复制文本。在 ...

    jQuery中:disabled选择器用法实例

    本文实例讲述了jQuery中:disabled选择器用法。分享给大家供大家参考。具体分析如下： 此选择器能够选取所有禁用的表单元素。 语法结构: 代码如下:$(“:disabled”) 此选择器一般也要和其他选择器配合使用，比如类...

    JQuery设置和去除disabled属性的5种方法总结

    代码如下: //两种方法设置disabled属性 $(‘#areaSelect’).attr(“disabled”,true); $(‘#areaSelect’).attr(“disabled”,”disabled”); //三种方法移除disabled属性 $(‘#areaSelect’).attr(“disabled”,...

    Jquery设置attr的disabled属性控制某行显示或者隐藏

    本文将围绕使用jQuery的attr()函数来操作disabled属性，以实现对特定行的显示或隐藏控制，并通过一个具体的函数示例进行详细解析。 首先，我们需要了解attr()函数的基本用法。在jQuery中，attr()函数被用来获取或者...

    jquery改变disabled的boolean状态的三种方法

    综上所述，无论是通过设置布尔值还是属性值，我们都可以利用jQuery来轻松控制元素的disabled状态。需要注意的是，在实际编码过程中，应当保证jQuery库已经被正确引入，否则上述代码将不会执行。此外，上述方法在实际...

    设置disabled属性后台读不到数据如何让select支持readonly

    然而，一个常见的问题是，当`disabled`属性被设置在`&lt;select&gt;`元素上时，后台程序在提交表单时可能无法获取到选中的选项值。这是因为`disabled`状态的表单元素不会作为POST数据发送到服务器。为了解决这个问题，有两...

    jquery设置表单元素为不可用的简单代码

    在上述代码中，通过`prop("disabled","disabled")`将选定元素的disabled属性设置为disabled值。这会使得对应元素变为不可用状态，用户无法进行输入或点击操作。 4. DOM操作：上述过程实际上是一个典型的DOM操作，即...

Magicbox
Global site tag (gtag.js) - Google Analytics