Question

如何用Javascript代码控制input标签的readonly或disabled属性

如何用Javascript代码控制input标签的readonly或disabled属性，我想用一个按钮，控制一个文本框里的值是否可以被修改，但是不知道如何在js里控制标签的属性。麻烦高手指点一下~

Answer 1

我喜欢用JQuery的attr()方法，超方便，也强大。
比如：（前提是先引入JQuery）
<input type="button" class="button" />

$(".button").attr("disabled","disabled");

当然，你也可以使用原生JS来写，跟楼上的差不多，其实都一样，看你喜欢吧。不过我不喜欢用ID来限制DOM元素，因为有很多时候如果你不清楚CSS的优先级的话，会出现很多麻烦，用ID来限制元素优先级很高的，不过那是另外别的问题了跟你这没关系

Answer 2

<input type="text" id="test1" value=""/>
js
document.getElementById("test1").readOnly="readonly";只读
document.getElementById("test1").readOnly="";可读
document.getElementById("test1").disabled="disabled";失效
document.getElementById("test1").disabled="";有效

Answer 3

&lt;input type=＂text＂ id=＂Cs＂ value=＂123＂ /&gt;
&lt;script type=＂text/javascript＂&gt;
var Js_Cs= document.getElementById(＂Cs＂);
Js_Cs.readOnly=true;
&lt;/script&gt;
PS：此时JavaScript代码要写到&lt;input&gt；

Answer 4

if (i == 1) {
document.getElementById('pageUp').disabled='disabled';
document.getElementById('pageDn').disabled='disabled';
} else if (data.start / 3 == 0) {
document.getElementById('pageUp').disabled='disabled';
document.getElementById('pageDn').disabled='';
} else if (data.start / 3 == i) {
document.getElementById('pageUp').disabled='';
document.getElementById('pageDn').disabled='disabled';
}

Answer 5

document.getElementById("test1").readOnly=true;只读
document.getElementById("test1").readOnly=false;可读
document.getElementById("test1").disabled=true;失效
document.getElementById("test1").disabled=false;有效