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

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);
});

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

how i can save value from input field in radio button value?

javascript

jquery

laravel

laravel-5.6