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

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

您可以通過添加類輕松地做到這一點。

工作小提琴

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

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

就像是：

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