根據單選框更改文本框的值

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

ID是唯一的，並且一個ID只能在當前文檔中的一個元件上使用，所以將其更改爲類。

再附上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) 
});