如何用Javascript使文本输入框变灰

来源:百度知道 编辑:UC知道 时间:2024/06/02 18:32:40
首先用<input type=checkbox>创建一个复选框,然后<input type=text>创建个文本输入框,如何实现,当复选框选中时,文本框激活,可以输入文字,复选框不选中,文本框变灰,不能输入文字。
请用javascript,谢谢啊

JavaScript禁用文本框或者禁止文本框的输入方法仅供参考:
方法1、设置文本框的ReadOnly选项
<input type="text" value="此处文本不可修改" readonly/>

在JavaScript中,可以使用以下代码启用或禁用问框框的输入功能:
document.all.textInputID.readOnly = false;

采用这种方法的好处是在基于SSH(Struts + Spring + HIbernate)框架的设计中,我们能够通过Form调用到该文本框。当然,其它方法也调用不到,本文结尾处将略作介绍。

方法2、设置文本框的Disable属性
<input type="text" value="该文本框不可用" disabled/>

相应的JavaScript代码如下:
document.all.textInputID.disabled = true;

方法3、在对象focus时立刻让它blur,使它无法获得焦点
<input type="text" value="onfocus=this.blur()" onfocus="this.blur()"/>

提示:readonly和disabled的区别在于后者完全禁止与该对象的交互(表现为不可改写、不可提交等),而readonly是可以提交的

利用事件触发器
if(触发)
设文本框为可编辑,
else
文本框为不可编辑。

<script>
function f1(chk){
var t = document.getElementById("txt1");
t.disabled = !chk.checked;
}
</script>