怎么实现动态按钮？？

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

解决方案 »

  1.   

    <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>
      

  2.   

    <!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">
      <!--
    function showval(obj){
    var val = obj.value;
    document.all("text1").value = val;
    }
      //-->
      </script>
     </head> <body>
      <input type="radio" name="radio1" onclick="showval(this)" value="haha">
      <input type="text" name="text1">
     </body>
    </html>
      

  3.   

    <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"/>
      

  4.   

    不是很难，代码如下：<!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>