2012-03-05 8 views
0

テキストボックスを表示し確認している場合は、ちょっとYa'll私はラジオボタンと質問私はこれらの3つのボタンラジオボタンをjqueryの

No <input type="radio" name="answer" checked="checked" value="no"/> 
Yes<input type="radio" name="answer" value="yes"/> 
Other <input type="radio" name="answer" value="other"/> 

を持ってを持っている私も、このテキストボックス

<input style="display:none;" type="text" name="otherAnswer" id="otherAnswer"/> 

を持っていますユーザーが "その他"の値を持つラジオボタンを選択した場合、テキストボックスを表示しない場合は、テキストボックスを表示します。

私はかなりJqueryを新しくしていますが、私はこれをギリシャ語で検索しました。誰かが正しい方向に私を指すことができる場合、それは素晴らしいだろう!ここで

答えて

4
$("input[type='radio']").change(function(){ 

    if($(this).val()=="other") 
    { 
     $("#otherAnswer").show(); 
    } 
    else 
    { 
     $("#otherAnswer").hide(); 
    } 

}); 

は実施例である:http://jsfiddle.net/Wc2GS/8/

+0

素晴らしい...これは完璧に動作します、ありがとうShyju – user979331

+0

@ user1193385:ようこそ。その仕事を知ってうれしい。 – Shyju

1
$(":radio").on('click',function(){ 

if ($(this).is(":checked") && $(this).val()=='other')) $('#otherAnswer').show(); else $('#otherAnswer').hide(); 

}); 
+0

不必要にjQueryオブジェクトと呼び出し関数を作成するのではなく、 'this.checked'と' this.value'を使用してみませんか? –

+0

@AnthonyGrist ok。しかし、私はususally自分のコード内の私のjqueryオブジェクトを使用する - 私は自動的にそれを行う...あなたが正しいですが。内側のオブジェクトのjqueryを解除することができます。 –

0
$('input[name=answer]').change(function(){ 
    if(this.value) == 'yes'{ 
     $('#otherAnswer').show(); 
    }else{ 
     $('#otherAnswer').hide(); 
    } 
}) 
+0

これは必要なことをしません。 'name =" answer "という3つのラジオボタンがあり、そのうち2つは' input'が隠されていることを確認する必要があります。 –

+0

ねえ、そうだよ! –

0

私はこれがより効果的だと思います。

$("input[name='answer']").change(function(){ 

    if($(this).val() == "yes") 
    { 
     $("#otherAnswer").show(); 
    }else{ 
     $("#otherAnswer").hide(); 
    } 
}); 
関連する問題