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 相关文章推荐
屏蔽鼠标右键、Ctrl+n、shift+F10、F5刷新、退格键 的javascript代码
Apr 01 Javascript
详解JavaScript的Polymer框架中的通知交互
Jul 29 Javascript
基于Javascript实现二级联动菜单效果
Mar 04 Javascript
js实现界面向原生界面发消息并跳转功能
Nov 22 Javascript
JS实现课堂随机点名和顺序点名
Mar 09 Javascript
JavaScript伪数组用法实例分析
Dec 22 Javascript
在 Vue 项目中引入 tinymce 富文本编辑器的完整代码
May 04 Javascript
JQuery扩展对象方法操作示例
Aug 21 jQuery
使用Node搭建reactSSR服务端渲染架构
Aug 30 Javascript
Vue使用NPM方式搭建项目
Oct 25 Javascript
Vue 实现登录界面验证码功能
Jan 03 Javascript
vue+iview实现分页及查询功能
Nov 17 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
php之字符串变相相减的代码
2007/03/19 PHP
php动态生成JavaScript代码
2009/03/09 PHP
php下关于中英数字混排的字符串分割问题
2010/04/06 PHP
PHP 处理TXT文件(打开/关闭/检查/读取)
2013/05/13 PHP
php画图实例
2014/11/05 PHP
Symfony2学习笔记之控制器用法详解
2016/03/17 PHP
基于php编程规范(详解)
2017/08/17 PHP
php 的多进程操作实践案例分析
2020/02/28 PHP
jQuery取得设置清空select选择的文本与值
2014/07/08 Javascript
深入理解事件冒泡(Bubble)和事件捕捉(capture)
2016/05/28 Javascript
jQuery设计思想
2017/03/07 Javascript
微信小程序遇到修改数据后页面不渲染的问题解决
2017/03/09 Javascript
js实现移动端编辑添加地址【模仿京东】
2017/04/28 Javascript
vue.js评论发布信息可插入QQ表情功能
2017/08/08 Javascript
Angular2管道Pipe及自定义管道格式数据用法实例分析
2017/11/29 Javascript
angular1配合gulp和bower的使用教程
2018/01/19 Javascript
Vue事件处理原理及过程详解
2020/03/11 Javascript
跟老齐学Python之重回函数
2014/10/10 Python
Python创建文件和追加文件内容实例
2014/10/21 Python
一张图带我们入门Python基础教程
2017/02/05 Python
python实现诗歌游戏(类继承)
2019/02/26 Python
Python编程快速上手——Excel表格创建乘法表案例分析
2020/02/28 Python
python dict如何定义
2020/09/02 Python
Python调用高德API实现批量地址转经纬度并写入表格的功能
2021/01/12 Python
浅谈cookie和localStorage那些事
2019/08/27 HTML / CSS
Mybag美国/加拿大:英国奢华包包和名牌手袋网站
2020/02/16 全球购物
聊城大学毕业生自荐书
2014/02/01 职场文书
工作评语大全
2014/04/26 职场文书
土木工程求职信
2014/05/29 职场文书
中秋手机店促销方案
2014/06/16 职场文书
房地产工程部经理岗位职责
2015/04/09 职场文书
小学生安全保证书
2015/05/09 职场文书
体育教师研修感悟
2015/11/18 职场文书
golang slice元素去重操作
2021/04/30 Golang
基于JavaScript实现年月日三级联动
2021/06/22 Javascript
win11电脑关机鼠标灯还亮怎么解决? win11关机后鼠标灯还亮解决方法
2023/01/09 数码科技