php 将元素变为 可用,jQuery_jquery 将disabled的元素置为enabled的三种方法，这里发现可以采用三种的变通 - phpStudy...

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

这里发现可以采用三种的变通方法将置为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","");

}

});

完整的示例代码如下(已测试通过)：

复制代码 代码如下:

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

}

});

});

// -->

disabledNull

disabledRemove

disabledState

相关阅读:

用于WebKit的CSS技巧

兼容低版本IE的JScript5.5实现

实现多条件查询的PHP实例

WEB标准教程:链接和文本标签的应用

asp.net生成高质量缩略图通用函数(c#代码),支持多种生成方式

ASP.NET中的无刷新验证码的开发(完整代码)

可以让IE假死的HTML代码

创建IIS6应用程序池(C#)

WindowsXP终极优化设置大全

[对联广告] JS脚本类

Windows7 自动登录设置方法

《高性能的数据库》第四讲编程细节(2)

利用 ubuntu 中 syslog 记录外部设备日志

写出更好的JavaScript程序之undefined篇(中)