ボタンクリックでキーワードを検索するために選択したラジオ値を追加

Question

私のページには2つのラジオがあり、ユーザーはいずれかを選択して入力ボックスに検索語を入力することができます。ボタンをクリックします。選択したラジオは？私たちはjqueryやjavascriptでどのようにしますか？ここで

彼らはダンスとselcted「クラス」で入力したのであれば渡される実際の検索キーワードは「ダンス教室」

<div> 
     Events<input name="EventRadio" type="radio" value="Events"/>&nbsp; 
     Classes<input name="EventRadio" type="radio" value="Classes"/><br /><br /> 
     <input type="text" name="T1" style="width: 302px"/> 
     <input type="button" value="Search" onclick="javascript:_SFSUBMIT_"/> 
    </div> 

Answer 1

$('input[type="button"]').on('click', function() { 
    var $this  = $(this), 
     concocted = $this.prev().val() + ' ' + $this.prevAll('[type="radio"]:checked').val(); 

    //you can now do what you want with the `concocted` variable, which is in the format "{text-input} {radio input}" 
}); 

になりますが、デモです：http://jsfiddle.net/LAuZW/

（注）このことすべてのセレクタがクリックされたボタン入力であるthisに基づいているため、複数の入力セットがある場合はコードが機能します。

また、.on()はjQuery 1.7で新しく、このユースケースでは.bind()と同じです。

Answer 2

さらに詳しい情報が必要です：追加のキーワードをテキストボックスにも表示したいですか？

SFSUBMIT機能でチェックすると、ラジオの値attrを取得するだけです。 jQueryにはこれを行うためのいくつかの異なる構造があります。

Answer 3

私が質問を理解している場合、ユーザーがボタンをクリックすると、現在チェックされているラジオボタンのテキストボックスに何が追加されますか？もちろん

$("input[type='button']").click(function() { 
    var text = $("input[name='EventRadio']:checked").val(); 
    if (text) { 
     var $tb = $("input[name='T1']"); 
     $tb.val($tb.val() + text); 
    } 
}); 

これはのために、すべてのボタンを起動します - 自然に私はちょうどに沿って、それをキャプチャして渡したいセレクタ

$("#buttonId").click(function() { 

Answer 4

$("button").live(
    'click', 
    function () 
    { 
     $strVal = $("[name='T1']").val() . $("[name='EventRadio']:checked").val(); 
     $("[name='T1']").val($strVal); 
    } 
);