Как я могу сохранить значение из поля ввода в значение переключателя?

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

вы можете сделать это примерно так, если вы просто дадите идентификаторы своему текстовому полю и переключателю:

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

Answer 2

С помощью var value = $radios.filter(':checked').val(); вы получаете значение радиокнопки ckecked, а не значение входа.

Это рабочий пример.

$('.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>