使用jquery根據所選表格值顯示div

Question

如果選擇表單中的某個單選按鈕，但想要顯示div，但是如果使用jquery選擇表單中的任何其他單選按鈕，則會隱藏該div。

這是代碼我不工作：

$("select").change(function(){ 
if($("#radio1").is(":selected")){ 
    $("#grid_9 omega").slideDown("slow"); 
} else { $("#grid_9 omega").slideUp("slow"); } 
}); 

，其中單選按鈕我想有顯示格「gid_9歐米茄」的ID是「收音機1」。

感謝您的幫助！

Answer 1

我把想，也許歐米茄一類的自由你說的是錯誤的。

首先，這裏沒有選擇，所以不會爲你工作。你需要測試所有的input[type=radio]。

接下來，選中的單選按鈕屬性實際上是checked=checked，所以你需要測試一下你想檢查的選項是否被選中。如果不是，不要做任何事情，如果是的話，展示你的div。

A JSFiddle

使用類似的HTML結構下面這樣：

<form id="form1" name="form1" method="post" action=""> 
    <p> 
    <label> 
     <input type="radio" name="RadioGroup1" value="radio1" id="radio1" /> 
     Radio 1</label> 
    <br /> 
    <label> 
     <input type="radio" name="RadioGroup1" value="radio2" id="radio2" /> 
     Radio 2</label> 
    <br /> 
    <label> 
     <input type="radio" name="RadioGroup1" value="radio3" id="radio3" /> 
     Radio 3</label> 
    <br /> 
    </p> 
</form> 
<div id="grid_9" class="omega" style="display:none">show me when Radio 1 is chosen​​​​​ 

你的JS是這樣的：

$(document).ready(function() { 
    $("input[type=radio]").on('click', function(){ 
     if ($('#radio1').is(':checked')){ 
      $("#grid_9.omega").slideDown("slow"); 
     } else { 
      $("#grid_9.omega").slideUp("slow"); 
     } 
    }); 
}); 

Answer 2

你不應該一個ID名稱的字符之間利用空間，也是一個select元件無關radio按鈕，試試這個：

$("#radio1").change(function(){ 
if($(this).is(":checked")) { 
    $(".omega").slideDown("slow"); // note that `omega` has no "hash" or "dot" sign and this returns undefined 
} else if ($('.omega').is(':visible')) { // makes sure that omega is visible 
    $(".omega").slideUp("slow"); 
} 
});