ラジオボタン入力ボックスに表示する値

Question

フォームにgroup1とgroup2という2つのラジオボタングループがあり、グループ1とグループ2の値がフォームの送信ボタンをクリックせずに入力ボックス名total_sizeに表示されます。

例：

<form> 
<input type="radio" id="m1" name="group1" value=1/> 
<input type="radio" id="m2" name="group1" value=2/> 

<input type="radio" id="cm1" name="group2" value=1/> 
<input type="radio" id="cm2" name="group2" value=2/> 


<input type="text" id="total_size" name="total_size" value="RADIO BUTTON GROUP 1 VALUE and RADIO BUTTON GROUP2 VALUE"/> 

フォーマットはgroup1にする必要があり、group2m

Answer 1

こんにちは、私はあなたがこのような何かを意味すると思います。

<form> 
<input type="radio" id="m1" name="group1" value='1' /> 
<input type="radio" id="m2" name="group1" value='2' /> 

<input type="radio" id="cm1" name="group2" value='1' /> 
<input type="radio" id="cm2" name="group2" value='2' /> 


<input type="text" id="total_size" name="total_size" value="RADIO BUTTON GROUP 1 VALUE and RADIO BUTTON GROUP2 VALUE"/> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
(function($) { 
    $(function() { 
     $('input[type="radio"]').click(function(e){ 
      value = $("input[name=group1]:checked").val() + ',' + $("input[name=group2]:checked").val(); 
      $('#total_size').val(value); 
     }); 
    }); 
})(jQuery); 
</script> 

Answer 2

また、私はjQueryのを使用：

$('input[type=radio]').change(function() { 
    var v = ''; 
    $('input[type=radio]:checked').each(function() { 

     if (v != '') { 
      v += ','; 
     } 
     v += $(this).val(); 
    }); 

    $('#total_size').val(v); 
}); 

あなたはそれを多くの方法を行うことができます。この例では、すべてのチェック済みラジオグループの値を取得します。だからあなたがもっとあれば、彼らも同様に表示されます。

注：
1.値は、すべての場合にはSO、沙耶をhalubiloに