檢查單選按鈕的值如果是true或false，並顯示隱藏div

我有2個單選按鈕，我目前檢查他們的價值如果是6或12，並隱藏/顯示相關的div在我的表中。檢查單選按鈕的值如果是true或false，並顯示隱藏div

<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代碼，以便它檢查單選按鈕的值如果是true或false而不是數字值？

我的jQuery目前

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

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

來源

2011-10-26 gek

你正在使用哪個jQuery版本？ – Seybsen

第二套radio1（輸入和標籤）應該是radio2嗎？這個名字仍然使他們成爲一個羣體？ –

你可以做這樣的事情

$("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因爲在你的榜樣中，它們是被顯示的艾米，你不能分辨是否正在發生變化。

來源

2011-10-26 11:41:02

我想那是我之後。謝謝！ – gek

很高興幫助@george！如果這樣做的竅門，隨時點擊勾選標記讓別人知道它的答案。 –

您可以將「$（this）.val（）」替換爲「$（this）.attr（」checked「）」，將返回「已選中」此單選按鈕被選中，或者如果不是「未定義」那麼你可以使用這個值來運行你的腳本，或者如果你想用true/false替換它們。

來源

2011-10-26 12:15:06

檢查單選按鈕的值如果是true或false，並顯示隱藏div

回答

相關問題