2012-03-13 14 views
1

PHPとjQueryでアンケートを作成しています。私は、次のオプションのリストを持っている:jQuery:入力テキストフィールドの入力時にラジオボタンをオンにします。

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

、人々が直接入力テキストフィールドを選択したとき、私は「その他」のラジオボタンが自動的に選択されたいです。

 
     Answer X 
Answer Y
Answer Z
Other

私はjQueryのでこれを持っている:

HTMLでそれはこのようになります。ラジオ: $( "input.customInputを"()関数() { $( '入力を集中します[name = '質問[A]']:チェック ')。val()=='その他 '); });

+0

HTMLコードも投稿できますか? –

+0

お返事ありがとうございます。私はHTMLを追加しようとしましたが、うまく動作しませんでした。これは、基本的に同じ名前(異なる値)と "other"オプションのテキストフィールド入力を持つ4つのラジオボタンです。 – user1169366

答えて

4

それはJSせずに行うことが可能です:

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

デモ:http://jsfiddle.net/vV4P9/

+0

それはかなり滑らかです。 – BZink

+0

こんにちはバレンタイン、あなたの迅速な返答のおかげで、それは私が意味するものではありません。私は "other"というラジオボタンオプションを持っています。人々がそれを選択するときには、理由/説明をテキストフィールド/テキストエリアに入れる必要があります。彼らがそうするとき、ラジオボタンは自動的に選択する必要があります(チェックするのを忘れた場合) – user1169366

+0

@ user1169366それはまさにそれです。あなたはデモを試しましたか? Colin Kenneyはさらに優れたものを作った:http://jsfiddle.net/pXx7q/ – valentinas

0

これは、 "その他" のラジオボタンのlabel内のテキストinputを配置することによって、HTMLで行うことができます。

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"> 
関連する問題