Question

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

首先用<input type=checkbox>创建一个复选框，然后<input type=text>创建个文本输入框，如何实现，当复选框选中时，文本框激活，可以输入文字，复选框不选中，文本框变灰，不能输入文字。
请用javascript，谢谢啊

Answer 1

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是可以提交的

Answer 2

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

Answer 3

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

<input type=checkbox onclick="f1(this)">
<input type=text id="txt1" disabled="disabled">

简化一下..