我如何从单选按钮值的输入字段中保存值？

Question

var $radios = $('.form-group input[name=answer]').change(function () {
  var value = $radios.filter(':checked').val();
  alert(value);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="field_wrapper">
  <div class="form-group">
    <label for="option">Add Options</label>
    <input type="text" name="option_text[]" class="form-control"/>
    <a href="javascript:void(0);" id="add_button" title="Addfield">
      <img style="width: 20px;height: 20px" src="{{asset('app-assets/img/add_icon.png')}}"/>
    </a>
    <input type="radio" name="answer" id="answer" value=""/>
    <input type="hidden" name="clicked_radio" value=""/>
  </div>
</div>

当我在文本字段中输入内容时，它应显示在警报框中。我该如何实现？

在此图像中，警报框中未显示任何内容。它应该显示1，因为我在输入字段中输入了1。

Answer 1

使用var value = $radios.filter(':checked').val();，您会得到缩颈单选按钮的值，而不是输入的值。

这是一个可行的示例。

$('.form-group input[name=answer]').change(function () {
  var value = $(this).closest('.form-group').find('.form-control').val();
  alert(value);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="field_wrapper">
  <div class="form-group">
    <label for="option">Add Options</label>
    <input type="text" name="option_text[]" class="form-control"/>
    <a href="javascript:void(0);" id="add_button" title="Addfield">
      <img style="width: 20px;height: 20px" src="{{asset('app-assets/img/add_icon.png')}}"/>
    </a>
    <input type="radio" name="answer" id="answer" value=""/>
    <input type="hidden" name="clicked_radio" value=""/>
  </div>
</div>

Answer 2

如果您只需在文本框和单选按钮中输入ID，就可以执行以下操作：

$('#textboxId').on('keydown',function(){
  $('#radiobuttonId').val($(this).value);
  alert($(this).value);
});