trueまたはfalseの場合にラジオボタンの値をチェックし、divを表示する

Question

私は現在、6または12の場合に値をチェックし、テーブルの関連するdivを非表示にするラジオボタンが2つあります。それはラジオボタンの値をチェックするように、かなりの数の値がtrueまたはfalseの場合

<tr> 
    <td> 
     <div class="Price6 band" style="display: none;">21.09</div> 
     <div class="Price12 band">21.09</div> 
    </td> 
</tr> 
<tr> 
     <td> 
     <input id="radio1" class="radio" type="radio" name="price" value="6"> 
     <label for="radio1">£24.95</label> 
      <input id="radio1" class="radio" type="radio" name="price" value="12"> 
      <label for="radio1">&nbsp;£6.95</label> 
     </td> 
</tr> 

どのように私は私のjqueryのコードを編集していますか？

私のjqueryのは、現在

$(document).ready(function() { 
    $("input[name$='price']").click(function() {//switch bewtween price bands 
     var test = $(this).val(); 

     $("div.band").hide(); 
     $(".Price" + test).show(); 
    }); 
}); 

Answer 1

あなたはこの

$("input").change(function(){ 
    var test = $(this).val(); 
    if(test == '6'){ 
     $(".Price6").show(); 
     $(".Price12").hide(); 
    } 
    if(test == '12'){ 
     $(".Price12").show(); 
     $(".Price6").hide(); 
    } 
}); 

例のような何かを行うことができます：http://jsfiddle.net/QsXm5/

注：私は価格divため#Sを変更あなたの例では彼らがあなたは変化が起こっているかどうかを知ることはできません。

Answer 2

"$（this）.val（）"を "$（this）.attr（" checked "）"に置き換えて、このラジオボタンが選択されていることを「チェック」するか、この値を使用してスクリプトを実行するか、必要に応じてtrue/falseに置き換えることができます。