如何用Javascript代码控制input标签的readonly或disabled属性
如何用Javascript代码控制input标签的readonly或disabled属性,我想用一个按钮,控制一个文本框里的值是否可以被修改,但是不知道如何在js里控制标...
如何用Javascript代码控制input标签的readonly或disabled属性,我想用一个按钮,控制一个文本框里的值是否可以被修改,但是不知道如何在js里控制标签的属性。麻烦高手指点一下~
展开
6个回答
展开全部
我喜欢用JQuery的attr()方法,超方便,也强大。
比如:(前提是先引入JQuery)
<input type="button" class="button" />
$(".button").attr("disabled","disabled");
当然,你也可以使用原生JS来写,跟楼上的差不多,其实都一样,看你喜欢吧。不过我不喜欢用ID来限制DOM元素,因为有很多时候如果你不清楚CSS的优先级的话,会出现很多麻烦,用ID来限制元素优先级很高的,不过那是另外别的问题了跟你这没关系
比如:(前提是先引入JQuery)
<input type="button" class="button" />
$(".button").attr("disabled","disabled");
当然,你也可以使用原生JS来写,跟楼上的差不多,其实都一样,看你喜欢吧。不过我不喜欢用ID来限制DOM元素,因为有很多时候如果你不清楚CSS的优先级的话,会出现很多麻烦,用ID来限制元素优先级很高的,不过那是另外别的问题了跟你这没关系
展开全部
<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="";有效
js
document.getElementById("test1").readOnly="readonly";只读
document.getElementById("test1").readOnly="";可读
document.getElementById("test1").disabled="disabled";失效
document.getElementById("test1").disabled="";有效
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<input type="text" id="Cs" value="123" />
<script type="text/javascript">
var Js_Cs= document.getElementById("Cs");
Js_Cs.readOnly=true;
</script>
PS:此时JavaScript代码要写到<input>;
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
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';
}
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';
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
document.getElementById("test1").readOnly=true;只读
document.getElementById("test1").readOnly=false;可读
document.getElementById("test1").disabled=true;失效
document.getElementById("test1").disabled=false;有效
document.getElementById("test1").readOnly=false;可读
document.getElementById("test1").disabled=true;失效
document.getElementById("test1").disabled=false;有效
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询