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

how to get value from selected radio button

本文关键字：单选按钮 获取      更新时间：2023-09-26

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

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

HTML问题#id="place"

And must use on change;

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

将#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/>
相关文章：