選択したラジオボタンから値を取得する方法

Question

私は、入力テキストとラジオボタンのようなフォーム入力があります。 選択したラジオボタンの値を取得し、その値を入力タイプのテキストに入れる方法。 HERESにjsfiddle

、https://jsfiddle.net/czw71dfk/2/

<div id="gender" class="form-inline"> 
    <div class="form-group"> 
    <label for="">I Sign up as</label> 
    <input #id="place" type="text" class="form-control" readonly/> 
    <div class="radio-inline"> 
     <label class="label_item" for="radioMale"> 
     <input type="radio" class="radio_item" value="male" name="gender" id="radioMale"> 
     </label> 
     <p class="text-center colorGrey">Male</p> 
    </div> 
    <div class="radio-inline"> 
     <label class="label_item" for="radioFemale"> 
     <input type="radio" class="radio_item" value="female" name="gender" id="radioFemale"> 
     </label> 
     <p class="text-center colorGrey">Female</p> 
    </div> 
    <div class="radio-inline"> 
     <label class="label_item" for="radioKids"> 
     <input type="radio" class="radio_item" value="Kids" name="gender" id="radioKids"> 
     </label> 
     <p class="text-center colorGrey">Kids</p> 
    </div> 
    </div> 
</div> 

$('#gender input').on('change', function() { 
    var gender = $(this).val(); 
    $("#place").val(gender); 
}); 

Answer 1

にHTMLの問題#id="place"、

変更時に使用する必要があります。

$(document).ready(function(){ 

    $('input[name=gender]').on('change', function() { 
    var gender = $(this).val(); 
    $("#place").val(gender); 
    }); 

}); 

JSFiddle.net Example

Answer 2

変更#id="place"id="place"にhttps://jsfiddle.net/czw71dfk/4/

<input #id="place" type="text" class="form-control" readonly/> 

<input id="place" type="text" class="form-control" readonly/>