Question

我有两个radiobuttons，

<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>

现在，我正在使用Jquery显示一个隐藏的div，当具有ID check1的单选按钮被cliked并且当单击带有ID check2的单选按钮时隐藏相同的div，这里是代码，

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


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

我的问题是，当点击ID check1（现在显示Div）并且值被发布到服务器并返回到同一页面时，即使单击选项check1，也不会显示div 。有没有其他方法来保留div使用attr：checked或者什么？感谢你的帮助......

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

Jquery用于在单选按钮中保留选中的值

2 个答案: