変数を正しく取得する方法がわかりません

Question

ユーザーがラジオをクリックして変数を設定した後、2番目のラジオをクリックして2番目の変数を作成するようにしようとしています。

次に、これらの2つの変数をマージし、作成された変数に基づいてajaxでデータをロードします。それをテストするには、ボタンをクリックして、変数がそこにあるかどうかをテストするだけでクリックできましたが、表示されないので、何か正しいことをしていないと仮定しています。

私はあなたの助けに本当に感謝しています。私はこれに非常に慣れていて、多くの問題を抱えています。あなたの関数のスコープ外の変数宣言を持っているあなたのコードでは

$("input:radio").change(function() { 

    var selected = $("input:radio:checked"); 

    if (selected.length === 2) { 
     var f = $("input[name='f']:checked").val(); 
     var z = $("input[name='z']:checked").val();   
     alert('we have values ['+z+f+']'); 
    } 

}); 

ので、あなたは、あなたがしたい変数を取得できませんでした：

<script type="text/javascript"> 
    $(function(){ 
    $("input:radio[name=f_1]").click(function() { 
     type = $(this).val(); 
    }); 

    $("input:radio[name=f_1a]").click(function() { 
     prod = $(this).val(); 
    }); 

    var type, prod; 
    var JobType = type + prod; 
    $("#alertButton").click(function(){ 
     alert (JobType); 
    }); 
    }); 
</script> 

Answer 1

は、次のコードを使用することができます。

Answer 2

変数は、関数内にないため、ページの読み込み時にのみ（空の場合）結合されます。

上部にあなたの変数を宣言して、彼らが実際に値を持っている場合、クリック機能の内部変数の接合を入れて、それだけで正常に動作します：

$(function(){ 
    var type="", prod="", JobType=""; 

    $("input:radio[name=f_1]").click(function() { 
     type = $(this).val(); 
    }); 

    $("input:radio[name=f_1a]").click(function() { 
     prod = $(this).val(); 
    }); 


    $("#alertButton").click(function(){ 
     JobType = type + prod; 
     alert (JobType); 
    }); 
});​ 

あなたは、変数に初期値を与えた場合何もない（ ""）、あなたは "未定義の"問題を避けます。

ここには、FIDDLE