javascript - 用于在单选按钮中保留选中值的 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

Check online working demo http://jsfiddle.net/kbsYS/ .. i guess this is what you actually want

Your jquery code is right .. problem is in your HTML you should use same name in radio box

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");
    })
});