javascript - 根据单选框的选择更改文本框的值

我试图根据一组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

最佳答案

您可以通过添加类轻松地做到这一点。

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

关于javascript - 根据单选框的选择更改文本框的值，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/35663140/