Изменить значение текстового поля на основе выбора радиокамера

Question

Я пытаюсь изменить значение текстового поля на основе выбора группы из 4 переключателей. Это не фактический HTML-код, но упрощенная версия:

<input type="radio" name="radiogroup" id="radiogroup" value="5" /> 
    <input type="radio" name="radiogroup" id="radiogroup" value="10" /> 
    <input type="radio" name="radiogroup" id="radiogroup" value="15" /> 
    <input type="radio" name="radiogroup" id="radiogroup" value="20" /> 

    <input type="text" name="amount" id="amount" /> 

Так что я пытаюсь сделать, это заполнить текстовое поле с именем «количество» либо с 5, 10, 15 или 20, на основании которого кнопка радио выбран.

Я новичок в jquery и все, что я пробовал, не работает.

Заранее благодарю за любую помощь.

cdr6545

Answer 1

Что-то вроде:

$('input[name="radiogroup"]').click(function() 
{ 
    $('#amount').val($(this).val()) 
}) 

Answer 2

идентификаторы уникальны, и идентификатор может быть использован только на одном элементе в текущем документе, так изменить его на классы.

Затем присоедините обработчик с change событий на радио, получить проверенные один, и установите значение ввода текста в проверяемом значение радиоприемников

$('.radiogroup').on('change', function() { 
 
    $('#amount').val(this.value); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<input type="radio" name="radiogroup" class="radiogroup" value="5" /> 
 
<input type="radio" name="radiogroup" class="radiogroup" value="10" /> 
 
<input type="radio" name="radiogroup" class="radiogroup" value="15" /> 
 
<input type="radio" name="radiogroup" class="radiogroup" value="20" /> 
 
<br /><br /> 
 
<input type="text" name="amount" id="amount" />

Answer 3

Вы можете легко это сделать добавив класс.

Рабочие Fiddle

HTML:

<input type="radio" name="radiogroup" id="radiogroup" class="radiogroup" value="5" /> 
    <input type="radio" name="radiogroup" id="radiogroup" class="radiogroup" value="10" /> 
    <input type="radio" name="radiogroup" id="radiogroup" class="radiogroup" value="15" /> 
    <input type="radio" name="radiogroup" id="radiogroup" class="radiogroup" value="20" /> 

    <input type="text" name="amount" id="amount" /> 

JS:

$('.radiogroup').change(function(e){ 
    var selectedValue = $(this).val(); 
    $('#amount').val(selectedValue) 
});