ラジオボタンをクリックすると変数が別の変数に変わります

Question

私は単純な2オプションラジオボタンを持っています。私のコードはうまくいくと思っていて、他の多くのバージョンを試してみましたが、何か不足しています。ラジオボタンが変わったときに変更するには、var typeOfCardsを取得する必要があります。変数は後の方程式で使用されます。確認

入力値155が等しいboxCards、チェック 入力値145にtypeOfCardsを変更する必要があり等しいsingleCardsにtypeOfCardsを変更する必要があり

<input name="SELECT___CD-0035___33" value="155" onclick="change_option('SELECT___CD-0035___33',this.value)" type="radio">Box Cards (Sold in Multiples of 3) <br> 
<input checked="checked" name="SELECT___CD-0035___33" value="154" onclick="change_option('SELECT___CD-0035___33',this.value)" type="radio"> Single Cards (Sold in sets of 12 Cards/12 Envelopes)<br> 

var singleCards = 12 
var boxCards = 3 
var typeOfCards = singleCards 
$("input[value='155']").click(function() { 
    typeOfCards = boxCards; 
}); 
$("input[value='154']").click(function() { 
    typeOfCards = singleCards; 
}); 

Answer 1

それは彼らが内部文書ではありませんので、ハンドラが取り付けられて取得されていない可能性があります.readyと要素が作成される前にスクリプトが実行されています。

試してみてください。

$(document).ready(function(){ 
var singleCards = 12 
var boxCards = 3 
var typeOfCards = singleCards 
$("input[value='155']").click(function() { 
    typeOfCards = boxCards; 
}); 
$("input[value='154']").click(function() { 
    typeOfCards = singleCards; 
}); 
}); 

あなたはjQueryのクリックハンドラを持っている場合はところで、あなたはおそらくもonclickのを望んでいません。

は、このフィドルで動作し、それを確認してください：http://jsfiddle.net/ccross59/4K2R7/1/

Answer 2

わからないあなたは「onclickの」ラジオボタンに指定した理由。

<script> 
    $(document).ready(function() { 
     var singleCards = 12 
     var boxCards = 3 
     var typeOfCards = singleCards 
     $(".radioSelect").click(function() { 
      if ($(this).val() == "155") 
       typeOfCards = boxCards; 
      else 
       typeOfCards = singleCards; 
      alert(typeOfCards); 
     }); 
    }); 
    </script> 

<input name="SELECT___CD-0035___33" value="155" class="radioSelect" type="radio" />Box Cards (Sold in Multiples of 3) <br/> 
<input checked="checked" name="SELECT___CD-0035___33" value="154" class="radioSelect" type="radio" /> Single Cards (Sold in sets of 12 Cards/12 Envelopes)<br/>