jquery - 如何使用 jQuery 根据保存的单选按钮选择加载隐藏的 div？

Question

我有一个用户可以保存并返回进行编辑的表单。我在表单上有一个区域，可以根据用户对上一个问题的回答来切换 div。如果答案是"is"，则应显示 div。但是，如果用户返回表单并选择“yes”，则 div 仍处于隐藏状态。

此处的工作示例:http://jsfiddle.net/BbrwT/

HTML:

<div>
    <label>Select:</label>
    <input type="radio" name="radio" class="toggle" value="1" checked="checked">Yes
    <input type="radio" name="radio" class="toggle" value="0">No
</div>

<div id="details">
   Details
</div>

Javascript:

$(document).ready(function() {

    $('#details').hide();

    $('.toggle').on('change',function(){

        var showOrHide = ($(this).val() == 1) ? true : false;

        $(this).parent().next('#details').toggle(showOrHide);

    })    

})

Answer 1

这是因为您在 document.ready 上显式隐藏了详细信息 div

首先检查单选按钮的值。

$(document).ready(function() {

    if($('.toggle:checked').val() != 1)
        $('#details').hide();

    ...

})