2012-03-13 80 views
1

我正在用PHP和jQuery创建问卷。我有以下的电台列表:jQuery:当输入文本字段onChange时检查单选按钮

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”)专注(函数(){ $('输入:无线​​电[name ='question [A]']:checked')。val()=='Other'); });

+0

你可以发布HTML代码吗? – 2012-03-13 00:47:51

+0

感谢您的回复。我试图添加HTML,但我没有得到它的工作。它基本上是4个具有相同名称(不同值)的单选按钮,还有一个用于“其他”选项的文本字段输入。 – user1169366 2012-03-13 06:33:43

回答

4

这是可能的,而不JS做:

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

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

+0

这很漂亮。 – BZink 2012-03-13 00:55:23

+0

嗨瓦伦蒂纳斯,感谢您的及时回复,但这不是我的意思。我有一个名为“other”的单选按钮选项。当人们选择它时,他们需要在textfield/textarea中放置一个理由/解释。当他们这样做时,需要自动选择单选按钮(如果他们忘记检查它) – user1169366 2012-03-13 06:35:09

+0

@ user1169366它正是它所做的。你有没有试过演示? Colin Kenney做得更好:http://jsfiddle.net/pXx7q/ – valentinas 2012-03-13 18:58:33

0

这可以用HTML放置文本inputlabel里面的 “其他” 单选按钮来完成。

Live Demo

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"> 
相关问题