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

Jquery for retaining the checked value in radio button

本文关键字：保留 Jquery 单选按钮 用于      更新时间：2023-09-26

我有两个单选按钮， 

<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？感谢您的帮助...

查看在线工作演示 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>

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

    $("#check2").click(function(){ 
        $("#detail").slideUp("slow");
    })
});
相关文章：