根据单选框更改文本框的值

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