Question

这是我的HTML：

Text

如果选择了某些单选按钮，我将使用以下脚本来显示/隐藏DIV。

<input type="radio" name="search_criteria" value="division" <?php if($_SESSION['search_by'] == 'division') { echo "checked"; } ?>>
<div class="hide_div" id="show_division" style="display: none;">
    ...Some Code...
</div>

这按预期工作。

在使用PHP处理表单时，如果发现错误，则会将用户发送回表单，并再次自动选择他们最初选择的单选按钮。如何在页面加载时显示与单选按钮关联的div？

我尝试了以下代码：

$(document).ready(function(){
    $('input[type="radio"]').click(function(){
        var demovalue = $(this).val(); 
        $("div.hide_div").hide();
        $("#show_"+demovalue).show();
    });
});

当我加载页面时，正确的单选按钮标记为CHECKED，但是相关的DIV不会显示。

有什么想法我可能出错了吗？

Answer 1

如果要在客户端显示关联的div，则必须遍历所有选中的复选框。您可以借助checked选择器和 each 方法来做到这一点。

结果应如下所示：

$('input[type="radio"]:checked').each(function() {
    var demovalue = $(this).val(); 
    $("#show_"+demovalue).show();
});

jQuery在收音机选择和/或页面加载上隐藏/显示div

1 个答案: