关闭

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

1055人阅读 评论(0) 收藏 举报
分类:
在jquery中可以通过jqueryObj.attr("disabled","disabled")将页面中某个元素置为不可编辑或触发状态,但是在jquery的API reference中并没说明怎么将页面置为disable的元素重新置为可触发或可编辑的。
 
 
这里发现可以采用三种的变通方法将置为disabled的元素状态改为enabled。 
第一种:改变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",""); 
} 
});
复制代码

 

 
完整的示例代码如下(已测试通过): 
复制代码
<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"/> 
复制代码

js

复制代码
$(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); 
} 
}); 
}); 
0
0
查看评论

a link 标签的disabled属性实现disabled/enable

由于a link是disabled属性设置成true,只是颜色变灰色但是还能提交.要想不能提交,可以删除href属性: disable link [html] view plaincopy function disableLi...
  • z69183787
  • z69183787
  • 2013-10-22 11:30
  • 24242

[转]JQuery更改input元素的disabled属性——disabled<——>enabled

利用JQuery更改或者原生JavaScript对input元素的disabled属性进行操作,disabled 和 enabled互换的过程,在代码上并不是互逆的~。具体代码如下: document.getElementById("removeButton").disabled...
  • honantic
  • honantic
  • 2016-04-26 11:13
  • 22284

怎么解决input框中加入disabled="disabled"之后,改变字体的颜色(默认的是灰色)

<input class="color-red" type="submit" name="share_price" disabled="disabled" value="分享后付({$check_cens...
  • panghaichun
  • panghaichun
  • 2016-02-24 13:29
  • 17415

如何在html中直接给某个按钮置灰(样式、去除绑定事件), querySelector与jquery selector的不同之处

今天接到了一个需求要置灰某个暂时停用的按钮,突然间想到了一个特别投机取巧的方式!一般的做法是,找到对应的CSS和JS文件,然后更改和注释掉对应的元素和事件,但有时候CSS和JS都被压缩成一坨了,不是非常好搞,所以最简单的方法就是直接在html里改动。样式可以用“style=” ”的方式直接加载标签中...
  • github_36487770
  • github_36487770
  • 2017-10-25 18:29
  • 414

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

在jquery中可以通过jqueryObj.attr("disabled","disabled")将页面中某个元素置为不可编辑或触发状态,但是在jquery的API reference中并没说明怎么将页面置为disable的元素重新置为可触发或可编辑的。 这...
  • ufojoan
  • ufojoan
  • 2013-08-21 10:38
  • 276

第1章第1节练习题2 逆置顺序表

设计一个高效的算法,将顺序表的所有元素逆置,要求算法的空间复杂度为O(1)。
  • u013595419
  • u013595419
  • 2016-01-06 15:59
  • 825

将顺序表的所有元素逆置,空间复杂度O(1)

//算法思想:扫描顺序表L的前半部分元素,对于元素L.data[i](0 void Reverse (sqlist &L){     Elemtype temp;     for(i=0;i        ...
  • jxq0816
  • jxq0816
  • 2015-02-27 09:15
  • 1576

按纽的disabled和enabled属性

New Document                              &#...
  • yyd841122
  • yyd841122
  • 2008-02-20 10:48
  • 1460

数据结构之 将顺序表所有元素逆置,要求空间复杂度为O(1)

问题:设置一个高效的算法,将顺序表的所有的元素逆置,要求空间复杂度为O(1)。#include<stdio.h> #include<stdlib.h> #include<stdbool.h> #define Maxsize 50 typedef struct Sq...
  • mmayanshuo
  • mmayanshuo
  • 2017-09-30 16:43
  • 545

如何设置Jquery UI dialog 中的button为disable变灰或者更改button样式

页面上的相应代码如下:     保存/放弃已添加的数据. xx.js 代码如下, function InitializeEditResultDialog() {     $("#pop_dialog"...
  • li_gf
  • li_gf
  • 2012-05-23 14:38
  • 10246
    个人资料
    • 访问:3215670次
    • 积分:30867
    • 等级:
    • 排名:第190名
    • 原创:122篇
    • 转载:1982篇
    • 译文:0篇
    • 评论:268条
    最新评论