如何使用javascript编写点击radio按钮时选中一条数据,需要代码

解决方案 »

  1.   


    function radioselect(obj){
    alert(document.getElementById(obj.value).value);
    }
     <form action="">
    <input type="radio" id="radioId-1" name="radio" value="radioValue-1" onclick="radioselect(this);" > <input type="text" id="radioValue-1" value="text-1"> <br>
    <input type="radio" id="radioId-2" name="radio" value="radioValue-2" onclick="radioselect(this);" > <input type="text" id="radioValue-2" value="text-2">
        
     </form>
    楼主是要这样的么?
    通过传递一个HTML 元素value关联另一个HTML 元素id,从而获得另一个HTML 元素value。
      

  2.   

    <a href="www.google.com">问题都不清楚</a>
      

  3.   


    <table>
    <tr><td><input type="radio" name="radio" id="radio1" onclick="selectARow(this)"></td><td>111</td><td>222</td></tr>
    <tr><td><input type="radio" name="radio" id="radio2" onclick="selectARow(this)"></td><td>111</td><td>222</td></tr>
    <tr><td><input type="radio" name="radio" id="radio3" onclick="selectARow(this)"></td><td>111</td><td>222</td></tr>
    </table> 
    <script language="javascript">
    function selectARow(radio){
    clear();
    radio.parentNode.parentNode.style.backgroundColor="#00ff00"
    }
    function clear(){
        for(var i=1;i<=3;i++){
        document.getElementById("radio"+i).parentNode.parentNode.style.backgroundColor="#ffffff";
    }
    }
    </script>
      

  4.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE> <script>
      function selectRadio(obj){
        var oText = document.getElementsByName(obj.id)[0];
    alert(oText.value);
    oText.focus();
    oText.select();  }
    </script> </HEAD> <BODY>
      <input type="radio" name="radio" id="radio1" onclick="selectRadio(this)"/>radio1<input type="radio" id="radio2" name="radio"   onclick="selectRadio(this)"/>radio2
      <input type="text" name="radio1" value="radio1 data"/><input type="text" name="radio2" value="radio2 data" /> </BODY></HTML>