선택한 라디오 버튼에서 값을 가져 오는 방법

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