jQuery：输入文本字段onChange时检查单选按钮答案

【问题标题】：jQuery: check radiobutton when input text field onChangejQuery：输入文本字段onChange时检查单选按钮
【发布时间】：2012-03-29 10:19:08
【问题描述】：

我正在使用 PHP 和 jQuery 创建问卷。我有以下电台列表：

    Question A:
    O Answer X
    O Answer Y
    O Answer Z
    O Other [input text field]

现在，当人们直接选择输入文本字段时，我希望自动选择“其他”的单选按钮。

在 HTML 中是这样的：

答案 X
回答 Y
回答 Z
其他

我在 jQuery 中有这个： $("input.customInput").focus(function () { $('input:radio[name='question[A]']:checked').val() == 'Other'); });

【问题讨论】：

你能把HTML代码也贴出来吗？
感谢您的回复。我试图添加 HTML，但我没有让它工作。它基本上是 4 个具有相同名称（不同值）的单选按钮和一个用于“其他”选项的文本字段输入。

标签： jquery onchange radio

【解决方案1】：

不用JS也可以：

<input type="radio" id="radioButton" />
<label for="radioButton">
    Other<input type="text" />
</label>

演示：http://jsfiddle.net/vV4P9/

【讨论】：

嗨 Valentinas，感谢您的及时回复，但这不是我的意思。我有一个名为“其他”的单选按钮选项。当人们选择它时，他们需要在文本字段/文本区域中放置原因/解释。当他们这样做时，需要自动选择单选按钮（如果他们忘记检查它）
@user1169366 这正是它的作用。你试过演示吗？ Colin Kenney 做得更好：jsfiddle.net/pXx7q
遗憾的是，这不适用于 Firefox。当您单击输入框时，元素焦点直接转到单选按钮。效果：你不能在字段中输入:(
找到解决方案（我的问题是）： $('#element-to-click').click(function(){ $('#radiobutton-to-check').trigger( '点击'）： }）;这对我有用:) 见：jsfiddle.net/p8kvQ

【解决方案2】：

这可以通过 HTML 来完成，方法是将您的文本 input 放在“其他”单选按钮的 label 内。

Live Demo

【讨论】：

【解决方案3】：

我找到了适用于复选框的代码。所以修改这个单选按钮。希望对你有帮助

<input type="radio" name="mypet" id="radio_yes" value="Yes">
<input type="radio" name="mypet" id="radio_no" value="No">
<input type="text" name="boxname" id="boxname" onFocus="this.form.radio_yes.checked=true">

【讨论】：