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 相关文章推荐
JQuery 自定义CircleAnimation,Animate方法学习笔记
Jul 10 Javascript
jquery ajax方式直接提交整个表单核心代码
Aug 15 Javascript
鼠标经过tr时,改变tr当前背景颜色
Jan 13 Javascript
Jquery焦点与失去焦点示例应用
Jun 10 Javascript
jQuery中innerHeight()方法用法实例
Jan 19 Javascript
原创jQuery弹出层插件分享
Apr 02 Javascript
jQuery基于函数重载实现自定义Alert函数样式的方法
Jul 27 Javascript
网页挂马方式整理及详细介绍
Nov 03 Javascript
利用JS轻松实现获取表单数据
Dec 06 Javascript
vue多级复杂列表展开/折叠及全选/分组全选实现
Nov 05 Javascript
js中值引用和地址引用实例分析
Jun 21 Javascript
小程序实现分类页
Jul 12 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简介
2006/10/09 PHP
PHP中date与gmdate的区别及默认时区设置
2014/05/12 PHP
PHP实现删除非站内外部链接实例代码
2014/06/17 PHP
10个对初学者非常有用的PHP技巧
2016/04/06 PHP
PHP进阶学习之依赖注入与Ioc容器详解
2019/06/19 PHP
PHP中遍历数组的三种常用方法实例分析
2019/06/24 PHP
yii框架数据库关联查询操作示例
2019/10/14 PHP
一起来写段JS drag拖动代码
2010/12/09 Javascript
获取元素距离浏览器周边的位置的方法getBoundingClientRect
2013/04/17 Javascript
JS不能跨域借助jquery获取IP地址的方法
2014/08/20 Javascript
node.js中的path.delimiter方法使用说明
2014/12/09 Javascript
javascript原型链继承用法实例分析
2015/01/28 Javascript
javascript实现一个简单的弹出窗
2016/02/22 Javascript
AngularJS 路由详解和简单实例
2016/07/28 Javascript
详解堆的javascript实现方法
2016/11/29 Javascript
JavaScript仿聊天室聊天记录
2016/12/27 Javascript
微信小程序 swiper组件构建轮播图的实例
2017/09/20 Javascript
Angular 封装并发布组件的方法示例
2018/04/19 Javascript
Seajs源码详解分析
2019/04/02 Javascript
微信小程序实现组件顶端固定或底端固定效果(不随滚动而滚动)
2020/04/09 Javascript
[01:07:46]完美世界DOTA2联赛循环赛 Magma vs IO BO2第二场 11.01
2020/11/02 DOTA
快速排序的算法思想及Python版快速排序的实现示例
2016/07/02 Python
一步步教你用Python实现2048小游戏
2017/01/19 Python
python的numpy模块安装不成功简单解决方法总结
2017/12/23 Python
django主动抛出403异常的方法详解
2019/01/04 Python
python让函数不返回结果的方法
2020/06/22 Python
学习Python爬虫的几点建议
2020/08/05 Python
python中的split、rsplit、splitlines用法说明
2020/10/23 Python
英国最受欢迎的手表网站:Watch Shop
2016/10/21 全球购物
Omio波兰:全欧洲低价大巴、火车和航班搜索和比价
2018/02/16 全球购物
美国克罗格超市在线购物:Kroger
2019/06/21 全球购物
Hibernate持久层技术
2013/12/16 面试题
2014工程部年度工作总结
2014/12/17 职场文书
mysql优化
2021/04/06 MySQL
CSS预处理框架——Stylus
2021/04/21 HTML / CSS
MySQL数据库中varchar类型的数字比较大小的方法
2021/11/17 MySQL