異なるテキストボックスにラジオボタンの値を表示

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

このコードでラジオボタンの値をすべて取得できますが、私がほぼ3日間解決している唯一の問題は、他のテキストボックスに値を表示できないことです。すべてのラジオボタングループのすべての値は、ループによって生成された最初のテキストボックスにのみ表示されます。私を助けてください。ありがとう！異なるテキストボックスにラジオボタンの値を表示

出典

2012-02-14 John Micah Fernandez Miguel

id値は常に一意である必要があります。重複したidを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); 
});

出典

2012-02-14 04:10:16

異なるテキストボックスにラジオボタンの値を表示

答えて

関連する問題