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


Posted in Javascript onDecember 13, 2013

第一种:改变disabled的boolean状态,具体代码及解释如下:

代码如下:

$("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); 
} 
});

第二种:移除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"); 
} 
});

第三种:改变disabled的值,具体代码及解释如下:

代码如下:

$("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",""); 
} 
});

完整的示例代码如下(已测试通过):
代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> <script src="jquery的路径引入就行了"></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>
Javascript 相关文章推荐
关于图片按比例自适应缩放的js代码
Oct 30 Javascript
使用jQuery清空file文件域的解决方案
Apr 12 Javascript
javascript为按钮注册回车事件(设置默认按钮)的方法
May 09 Javascript
深入分析jQuery的ready函数是如何工作的(工作原理)
Dec 17 Javascript
JavaScript数据结构与算法之集合(Set)
Jan 29 Javascript
浅谈JavaScript对象与继承
Jul 10 Javascript
第一次接触神奇的Bootstrap网格系统
Jul 27 Javascript
JavaScript中的return布尔值的用法和原理解析
Aug 14 Javascript
详解Vue2 添加对scss的支持
Jan 02 Javascript
基于JavaScript判断两个对象内容是否相等
Jan 10 Javascript
使用vue打包进行云服务器上传的问题
Mar 02 Javascript
Vue3为什么这么快
Sep 23 Javascript
javascript判断两个IP地址是否在同一个网段的实现思路
Dec 13 #Javascript
Extjs4中的分页应用结合前后台
Dec 13 #Javascript
php显示当前文件所在的文件以及文件夹所有文件以树形展开
Dec 13 #Javascript
window.print打印指定div实例代码
Dec 13 #Javascript
Javascript中call的两种用法实例
Dec 13 #Javascript
分享JavaScript获取网页关闭与取消关闭的事件
Dec 13 #Javascript
js获取触发事件元素在整个网页中的绝对坐标(示例代码)
Dec 13 #Javascript
You might like
php array_map array_multisort 高效处理多维数组排序
2009/06/11 PHP
探讨PHP中OO之静态关键字以及类常量的详解
2013/06/07 PHP
PHP函数实现分页含文本分页和数字分页
2014/10/23 PHP
php+mysqli使用预处理技术进行数据库查询的方法
2015/01/28 PHP
php实现等比例不失真缩放上传图片的方法
2016/11/14 PHP
PHP实现广度优先搜索算法(BFS,Broad First Search)详解
2017/09/16 PHP
利用jQuery操作对象数组的实现代码
2011/04/27 Javascript
Jquery 自定义动画概述及示例
2013/03/29 Javascript
jquery实现的一个简单进度条效果实例
2014/05/12 Javascript
如何编写高质量JS代码
2014/12/28 Javascript
基于JavaScript实现TAB标签效果
2016/01/12 Javascript
图文详解JavaScript的原型对象及原型链
2016/08/02 Javascript
再谈javascript注入 黑客必备!
2016/09/14 Javascript
webpack4.0打包优化策略整理小结
2018/03/30 Javascript
在Create React App中使用CSS Modules的方法示例
2019/01/15 Javascript
Vue动态面包屑功能的实现方法
2019/07/01 Javascript
Vue通过配置WebSocket并实现群聊功能
2019/12/31 Javascript
JS数组方法join()用法实例分析
2020/01/18 Javascript
Python通过调用有道翻译api实现翻译功能示例
2018/07/19 Python
python用列表生成式写嵌套循环的方法
2018/11/08 Python
python 将日期戳(五位数时间)转换为标准时间
2019/07/11 Python
使用Python实现Wake On Lan远程开机功能
2020/01/22 Python
详解Python中pyautogui库的最全使用方法
2020/04/01 Python
css3闪亮进度条效果实现思路及代码
2013/04/17 HTML / CSS
详解如何使用CSS3中的结构伪类选择器和伪元素选择器
2020/01/06 HTML / CSS
中国网上药店领导者:1药网
2017/02/16 全球购物
请写出 BOOL flag 与"零值"比较的 if 语句
2016/02/29 面试题
播音主持女孩的自我评价分享
2013/11/20 职场文书
大三预备党员入党思想汇报
2014/01/08 职场文书
微型企业创业投资计划书
2014/01/10 职场文书
2015年会计工作总结范文
2015/05/26 职场文书
家长反馈意见及建议
2015/06/03 职场文书
酒店宣传语大全
2015/07/13 职场文书
导游词之云南丽江-泸沽湖
2019/09/26 职场文书
python疲劳驾驶困倦低头检测功能的实现
2022/04/04 Python
Nginx代理Redis哨兵主从配置的实现
2022/07/15 Servers