怎么实现动态按钮？？

aainmv123 2011-07-06 11:13:33

我想实现点击相应的单选框按钮会在下面的文本框里出现对应的代码或文字

...全文

112 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

kui5656 2011-07-06

打赏
举报

不是很难，代码如下：



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

 <head>

  <title>test</title>

  <script type="text/javascript">

		function showTip(p){

			document.getElementById('text').value = p.value;

		}

	</script>

 </head>

 <body>

	<input type="radio" name="radio" value='这是value1' onclick='showTip(this)'">单选框1<br>

	<input type="radio" name="radio" value='这是value2' onclick='showTip(this)'">单选框2<br>

	<input type="text" name="text" id="text">

 </body>

</html>

xingqiliudehuanghun 2011-07-06

打赏
举报

<script type="text/javascript">

function $(id){

	return document.getElementById(id);

}



document.onclick = function(e){

	var evt = e || event;

	var srcEl = evt.target || evt.srcElement;

	

	if( srcEl.tagName == "INPUT" && 

		srcEl.type == "radio"    && 

		srcEl.name == "g1" ){

		

		var log = $('log');

		if( log ){

			log.value = srcEl.value || "";

		}

	}

};

</script>



1<input type="radio" name="g1" value="1"/><br/>

2<input type="radio" name="g1" value="2"/><br/>

3<input type="radio" name="g1" value="3"/><br/>

4<input type="radio" name="g1" value="4"/><br/>

5<input type="radio" name="g1" value="5"/><br/>

6<input type="radio" name="g1" value="6"/><br/>

7<input type="radio" name="g1" value="7"/><br/>

8<input type="radio" name="g1" value="8"/><br/>

<br/>

你点击的是:<input type="text" id="log"/>

licip 2011-07-06

打赏
举报

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script type="text/javascript">

</script>
</head>

<body>
<input type="radio" name="radio1" onclick="showval(this)" value="haha">
<input type="text" name="text1">
</body>
</html>

挨踢直男 2011-07-06

打赏
举报

<input type=radio name="r" value="111111111" onclick="f(this)" />

<input type=radio name="r" value="2222222" onclick="f(this)"/>

<input type=radio name="r" value="22222222" onclick="f(this)"/>

<input type=radio name="r" value="22222222222" onclick="f(this)"/>

<input type="text" id="ipt" />

<script type="text/javascript">

function f(o)

{

    document.getElementById("ipt").value = o.value

}



</script>