jQuery:输入文本字段onChange时检查单选按钮

时间:2012-03-13 00:45:17

标签: jquery onchange radio

我正在使用PHP和jQuery创建调查问卷。我有以下电台名单:

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

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

HTML中的

看起来像这样:

         Answer X 
Answer Y
Answer Z
Other

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

3 个答案:

答案 0 :(得分:4)

没有JS可以做到:

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

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

答案 1 :(得分:0)

这可以通过将文本input放在{其他“单选按钮的label内来完成。

Live Demo

答案 2 :(得分:0)

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

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