如何从选定的单选按钮中获取值答案

【问题标题】：how to get value from selected radio button如何从选定的单选按钮中获取值
【发布时间】：2016-06-26 16:31:18
【问题描述】：

先生，我有一个表单输入，例如输入文本和单选按钮。如何获取所选单选按钮的值，并将该值放入输入类型文本。

这里是 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 );
});

【问题讨论】：

标签： javascript jquery

【解决方案1】：

HTML 问题#id="place",

并且必须在更改时使用；

$(document).ready(function(){

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

});

JSFiddle.net Example

【讨论】：

【解决方案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/>

【讨论】：