当前位置：首页 → 问答吧 → 选中指定的radio单选框后能填写输入框，没选时输入框是灰色，见图》》》

选中指定的radio单选框后能填写输入框，没选时输入框是灰色，见图》》》

时间：2010-05-22

来源：互联网

有个效果不会做，选中指定的radio单选框后能填写输入框，没选时输入框是灰色，见图》》》

未选中指定radio 效果，输入框不能填写，灰色。

选中指定radio 效果，输入框可填写，白色。

相关参考：这个是checkbox的例子 http://bbs.blueidea.com/thread-1018538-1-1.html

要做两个，一个是radio 下有一个 input ，另一个是 radio 有多个input，请达人赐教，谢谢！！

[ 本帖最后由 sixiangweilai 于 2010-5-22 15:36 编辑 ]

作者: sixiangweilai 发布时间: 2010-05-22

<!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> <title>code.js.cn</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> body{font: 12px/1.5 arial;} .disabled{background:#eee;} </style> </head> <body> <div id="g"> <input type="radio" name="test" checked id="no"/>我成落不收取任何费用<br/> <input type="radio" name="test" />该职位收取以下费用</div> 原因: <input type="text" name="" id="x" disabled class="disabled"/><br/> 金额: <input type="text" id="xx" disabled class="disabled"/> </body> <script type="text/javascript"> //<![CDATA[ var get=function(el){return typeof el=="string"?document.getElementById(el):el;} var btns=get('g').getElementsByTagName('input'); for(var i=btns.length;i--;) btns[i].onclick=change; function change(){ var dis=this.id=='no',x=get('x'),xx=get('xx'); x.disabled=xx.disabled=dis; x.className=xx.className=dis?'disabled':'' x.value=xx.value=''; }; //]]> </script> </html>
提示：您可以先修改部分代码再运行

作者: kfguoguo 发布时间: 2010-05-22

很不错，谢谢kfguoguo的大力相助。