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

首先用<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是可以提交的
温馨提示:内容为网友见解,仅供参考
第1个回答  2009-06-21
利用事件触发器
if(触发)
设文本框为可编辑,
else
文本框为不可编辑。
第2个回答  推荐于2017-09-29
<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">

简化一下..本回答被提问者采纳

如何用Javascript使文本输入框变灰
方法1、设置文本框的ReadOnly选项 在JavaScript中,可以使用以下代码启用或禁用问框框的输入功能:document.all.textInputID.readOnly = false;采用这种方法的好处是在基于SSH(Struts + Spring + HIbernate)框架的设计中,我们能够通过Form调用到该文本框。当然,其它方法也调用不到,本文结尾处将略作介绍。

javascript 选择下拉菜单 使 文本框变灰色
简单的可以不写js 下拉菜单选择某一选项 文本框变灰 SELECT teacher NETWORK stu un

js 如何设置text为灰色不可编辑?
默认值 名称1 名称2 function on_test(val){ if (val.charAt(0)=="0"){ document.getElementById("ygyjmb").readOnly=true;}else{ document.getElementById("ygyjmb").readOnly=false;} } 上面就是例子。你把select和input改为你自己的就可以,注意id也要修改的相同 ...

javascript如果让页面上的按钮变灰(按钮可见但不可用)
1、设置一个html页面,页面上有一个按钮,初始是可使用的。2、设计一个函数,作为按钮绑定测试:3、此时点击页面上的按钮数次:4、打开开发者console,如下:5、此时给button添加关键代码:6、再次测试,刷新页面查看,变成了灰色:7、点击按钮数次,打开console,显示无输出:

javascript如何让下拉列表框变灰
变灰是禁用还是颜色变灰呢?颜色变灰直接改背景色和边框色,禁用的话就加一个disabled属性

如何使文本框字体变灰并不能修改
什么语言?一般来说设置Enabled=0属性就可以了

javascript代码实现
1)文本框中没有输入内容时,显示“请输入个人信息”这几个提示文字,且文字为灰色。2)文本框聚焦时提示文字消失。3)文本框中输入内容时,提示文字消失,输入文字为黑色。4)当文本框中文字内容长度已达到最大值时,删除键仍然有用,可以删除文本框中文本,且删除时字符总数相应修改。5)当文本框中文...

如何在javascript中让一个链接变成灰色,不可点击?
直接试用disable不同浏览器及版本的兼容例外多,不建议直接disable超链接.以下通过调整样式和行为的方式实现上述需求:定义一个超链接"变成"普通html文本的样式 在某个行为中触发"变灰"在原链接的事件中加入如果已经有"变灰"的class则直接返回 在另外的行为中恢复"正常"以下为模拟的代码:<!DOCTYPE HTML ...

javascript 如何在谷歌浏览器 中设置按钮灰显
可以添加一个灰色的背景色 var s = document.getElementById("bc");s.disabled=true;s.style.background="#cdcdcd";

js灰掉并清空文本框
必须能实现 function test(id){ if(id == '1'){ ("#txt2").attr("value","");("#txt2").attr("readonly","readonly");}else{ ("#txt1").attr("value","");(“#txt1").attr("readonly","readonly");} } ...

相似回答