用js实现A输入框为无内容时,B输入框为禁用,请帮忙,谢谢!!
我希望将下源码的功能改为js实现,因为我OA表单编辑器不支持执行这个,谢谢!!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
A框
<input name="一输入框" type=text id="txt3" onpropertychange="var txt4 = document.getElementById('txt4');if(!this.value) {txt4.value='';txt4.disabled=true;}else txt4.disabled=false">
B框(这个输入默认为禁用，但A框有内容或不为空时，B框为可用):
<input name="另一输入框" type=text disabled="disabled" id="txt4" >
；A框清空时，B框也这空<br /><br /><br />
A框
<input name="一输入框" type=text id="txt5" onpropertychange="var txt6 = document.getElementById('txt6');if(!this.value) {txt6.disabled=true;}else txt6.disabled=false">
B框(这个输入默认为禁用，但A框有内容或不为空时，B框为可用):
<input name="另一输入框" type=text disabled="disabled" id="txt6" >
；A框清空时，B框不清空<br />
</body>
</html>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（7）
页面初始化的时候获取A输入框的内容，长度为零禁用B：在A输入框发生改变的时候再次获取A输入框的长度，同理0禁用，大于0启用
你好,不用JS来生成输入框的,它们放到Adobe Dreamweaver CS5是ok了,谢谢!!,但放到通达OA的表单编辑内(当然JS也放到它们对应的地方的)执行后结果不能实现,有可能是不支持吧,请将这改为是控制是否只读呢,希望你将改为控制只读,谢谢!!!!!!!
你这就是js实现的啊 只是你直接用的内联的js而已 可以把里面的函数都拿出来单独发在一起
@yyy6901
你现在的情况是把你的这段代码块，贴到你的环境里，没有出来效果。你想写成JS那样的。
还是说这一个完整的功能，包括生成输入框,包括事件全部在JS里完成？
就这么个意思吧
你好:"直接把onpropertychange里的内容拷到一个function里面即可："这句话我不明意思能否说细点.谢谢!!
直接把onpropertychange里的内容拷到一个function里面即可：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<script type="text/javascript">
function aaa(obj){
var txt4 = document.getElementById('txt4');
if(!obj.value){
txt4.value='';
txt4.disabled=true;
}else {
txt4.disabled=false
}
}
function bbb(obj){
var txt6 = document.getElementById('txt6');
if(!obj.value) {
txt6.disabled=true;
}else {
txt6.disabled=false
}
}
</script>
<body>
A框
<input name="一输入框" type=text id="txt3" onkeyup="aaa(this)">
B框(这个输入默认为禁用，但A框有内容或不为空时，B框为可用):
<input name="另一输入框" type=text disabled="disabled" id="txt4" >
；A框清空时，B框也这空<br /><br /><br />
A框
<input name="一输入框" type=text id="txt5" onkeyup="bbb(this)">
B框(这个输入默认为禁用，但A框有内容或不为空时，B框为可用):
<input name="另一输入框" type=text disabled="disabled" id="txt6" >
；A框清空时，B框不清空<br />
</body>
</html>
是这个意思么