html文本域的代码

建2个单选框和一个文本域,当选中其中一个单选框时,文本域显示一段代码,选中另一个时文本域显示另一段代码,用代码的话怎么编?
不好意思忘了说,如果是2个单选框和2个文本框呢?2个单选框分别点击时在文本框显示不同文本已解决。如果需要在另一个文本框也分别显示一段内容怎么写呢?

第1个回答  推荐于2017-09-02
<html>
<head></head>
<script type="text/javascript" src="js/jquery-1.5.min.js" ></script>
<body>
<div><input type="text" id="name1"/><input type="text" id="name2"/></div>
<div><input type="radio" name="radio" id="radio_1" onclick='$("#name1").val("code1");$("#name2").val("code3");'/>
<input type="radio" name="radio" id="radio_2" onclick='$("#name1").val("code2");$("#name2").val("code3");'/>
</div>
</body>
</html>

一样的逻辑,你只要引一个jquery的包就行追问

加了”;“第2个文本框还是什么都不显示哦。

追答

no,是这样 这两个必须都包含在onclick这个事件里面才有效果

本回答被提问者采纳
第2个回答  2013-04-02
<input type="radio" name="a1" onfocus="showCode1()"/>
<input type="radio" name="a1" onfocus="showCode2()"/>
<!--这里命名为同一个组就可以限定只选一个了 使用onfocus事件,支持左右键和tab键选择-->
<textarea id="text1"></textarea>
<script type="text/javascript">
functionshowCode1(){
code="code1";//这里写代码1;
document.getElementById('text1').value=code;
}
functionshowCode2(){
code="code2";//这里写代码2;
document.getElementById('text1').value=code;
}</script>

 

 
第3个回答  2013-04-02
<input type="radio" onclick="document.getElementById('a').value='111'" />
<input type="radio" onclick="document.getElementById('a').value='222'" />
<textarea id="a"></textarea>

追问

试了你的方法,成功了,但有个问题,我点了第一个按钮,显示选中状态,接着点第2个,可是第一,第二个按钮都选中了。怎样不管点几个按钮,每次选中的只有一个呢?

追答<input type="radio" name="r" onclick="document.getElementById('a').value='111';document.getElementById('b').value='111'" />
<input type="radio" name="r" onclick="document.getElementById('a').value='222';document.getElementById('b').value='222'" />
<textarea id="a"></textarea>
<textarea id="b"></textarea>

看看这个行不行,使用原生js可以不引用JQuery,减小部署流量

第4个回答  2013-04-02
单选框选择时,更改文本域的值 !
相似回答