2012-03-13 104 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"> 
相關問題