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 相关文章推荐
IE 当eval遇上function的处理
Aug 09 Javascript
基于JavaScript怎么实现让歌词滚动播放
Nov 03 Javascript
JS实现弹出下载对话框及常见文件类型的下载
Jul 13 Javascript
Vue2.0实现组件数据的双向绑定问题
Mar 06 Javascript
JavaScript实现图片懒加载的方法分析
Jul 05 Javascript
在 Angular6 中使用 HTTP 请求服务端数据的步骤详解
Aug 06 Javascript
vue结合element-ui使用示例
Jan 24 Javascript
4 种滚动吸顶实现方式的比较
Apr 09 Javascript
vue中使用百度脑图kityminder-core二次开发的实现
Sep 26 Javascript
jQuery实现雪花飘落效果
Aug 02 jQuery
js实现三角形粒子运动
Sep 22 Javascript
Vue-Element-Admin集成自己的接口实现登录跳转
Jun 23 Vue.js
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
Mysql和网页显示乱码解决方法集锦
2008/03/27 PHP
PHP在同一域名下两个不同的项目做独立登录机制详解
2017/09/22 PHP
菜鸟javascript基础资料整理2
2010/12/06 Javascript
js 事件处理函数间的Event物件是否全等
2011/04/08 Javascript
js 获取坐标 通过JS得到当前焦点(鼠标)的坐标属性
2013/01/04 Javascript
jQuery多项选项卡的实现思路附样式及代码
2014/06/03 Javascript
JSON.parse()和JSON.stringify()使用介绍
2014/06/20 Javascript
JavaScript实现向setTimeout执行代码传递参数的方法
2015/04/16 Javascript
JS模拟键盘打字效果的方法
2015/08/05 Javascript
Angular.js跨controller实现参数传递的两种方法
2017/02/20 Javascript
jqGrid表格底部汇总、合计行footerrow处理
2019/08/21 Javascript
jQuery实现移动端扭蛋机抽奖
2020/11/08 jQuery
Python中的闭包实例详解
2014/08/29 Python
python进程类subprocess的一些操作方法例子
2014/11/22 Python
Python中map和列表推导效率比较实例分析
2015/06/17 Python
详解Python的Flask框架中生成SECRET_KEY密钥的方法
2016/06/07 Python
Python随机生成数据后插入到PostgreSQL
2016/07/28 Python
python-str,list,set间的转换实例
2018/06/27 Python
Python实现将Excel转换成xml的方法示例
2018/08/25 Python
python学习之hook钩子的原理和使用
2018/10/25 Python
pygame游戏之旅 添加碰撞效果的方法
2018/11/20 Python
python如何统计代码运行的时长
2019/07/24 Python
详解python中__name__的意义以及作用
2019/08/07 Python
django 将自带的数据库sqlite3改成mysql实例
2020/07/09 Python
详解Python中import机制
2020/09/11 Python
使用HTML5的Notification API制作web通知的教程
2015/05/08 HTML / CSS
美国精油公司:Plant Therapy
2019/05/17 全球购物
aden + anais英国官网:美国婴儿贴身用品品牌
2019/09/08 全球购物
存储过程的优缺点是什么
2015/01/10 面试题
高中同学聚会邀请函
2014/01/11 职场文书
酒店秘书求职信范文
2014/02/17 职场文书
党员干部2014全国两会学习心得体会
2014/03/10 职场文书
见习期个人总结
2015/03/05 职场文书
分析并发编程之LongAdder原理
2021/06/29 Java/Android
Pytest中skip skipif跳过用例详解
2021/06/30 Python
教你如何让spark sql写mysql的时候支持update操作
2022/02/15 MySQL