jQuery，用於將檢查值保留在單選按鈕中

Question

我有兩個單選按鈕，

<div class="class1">
<span><input name="chk1" type="radio" checked="checked" id="check1"/>Option 1</span>
<span><input name="chk2" type="radio" id="check2"/>Option 2</span>
</div>

現在，當單擊ID為check1的單選按鈕時，我將使用Jquery顯示一個隱藏的div，單擊ID為check2的單選按鈕時，將隱藏相同的div，這是該代碼，

$(document).ready(function(){
    $("#check1").click(function(){
                                            $("#detail").slideDown("slow");
    });


    $("#check2").click(function(){ 
                                            $("#detail").slideUp("slow");
    })
}); 

我的問題是，當單擊ID check1（現在顯示Div）並將值發布到服務器，並且返回到同一頁面時，即使單擊了選項check1，div也不會顯示。 還有其他方法可以使用attr：checked保留div嗎？ 感謝您的幫助...

Answer 1

檢查在線工作演示http://jsfiddle.net/kbsYS/ ..我想這就是您真正想要的

您的jquery代碼正確..問題出在HTML您應該在單選框中使用相同的名稱

的HTML

<div class="class1">
<span><input name="chk1" type="radio" checked="checked" id="check1"/>Option 1</span>
<span><input name="chk1" type="radio" id="check2"/>Option 2</span>
</div>

Answer 2

$(document).ready(function(){
    if ($("#check1:checked").length) {
        $("#detail").slideDown("slow");
    }

    $("#check1").click(function(){
        $("#detail").slideDown("slow");
    });


    $("#check2").click(function(){ 
        $("#detail").slideUp("slow");
    })
});