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" />

所以我要做的是根据选择的单选按钮填写名为“amount”的文本框，其中包含5,10,15或20。

我是jquery的新手，我尝试的一切都没有用。

提前感谢您的帮助。

cdr6545

Answer 1

您可以通过添加课程轻松完成此操作。

正在使用 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)
});

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

根据单选框选择

3 个答案: