JS将下拉框的disable变为able的⽅法
在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属性删除
}
});
第三种：改变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" "/TR/html4/loose.dtd">
<html>
<head> <script src="jquery的路径引⼊就⾏了"></script>
jquery获取下拉框选中值<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属性删除
}
});
$("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>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。