在不同的文本框中显示单选按钮值

问题描述：

<script src="http://www.google.com/jsapi"></script> 
<script> 
    google.load("jquery", "1.4.0"); 
</script> 
<script type="text/javascript"> 
    $(function() 
    {  
     $('input[type=button]').click(function() 
     { 
      var txtbox = $('#buttoncheck1').attr('name'); 
      var var_name = $("input[name='radio1']:checked").val(); 
      $('#btn_get').val(var_name); 
     }); 
    }); 
</script> 
<html> 
    <body> 
    <?php 

     for($i = 0; $i < 2; $i++) 
     { 
      echo " 

      <div id = 'div1' name = 'div1'> 
      <input type='radio' value='Blue' name='radio1'>Blue</input> 
      <input type='radio' value='White' name='radio1'>White</input> 
      <input type='radio' value='Red' name='radio1'>Red</input> 
      <input id='buttoncheck1' type='button' name='btn' value='Click'></input> 
      <br /> 
      <input type='text' id='btn_get' name='get_btn_value'></input> 
      </div> 

      "; 
     } 


    ?>   
    </body> 
</html>

我可以清楚地得到此代码中单选按钮的所有值，但我近三天解决的唯一问题是我无法在其他文本框中显示值。来自所有单选按钮组的所有值仅显示在循环生成的第一个文本框中。请帮帮我。谢谢！在不同的文本框中显示单选按钮值

答

id值应该始终是唯一的。您可以将您的复制id s更改为class值，并执行以下操作：

$('input[type=button]').click(function() 
{ 
    var $parent = $(this).parent(); 
    var var_name = $parent.find("input[name='radio1']:checked").val(); 
    $parent.find('.btn_get').val(var_name); 
});

在不同的文本框中显示单选按钮值

相关推荐