Question

在我的表单中有一些单选按钮 - 当选择收音机时 - 显示div，当选择另一个时 - div隐藏。如果有错误，提交表单后，页面重新加载，div仍应显示（如果选择了收音机）。以下解决方案仅适用于复选框 - 如何使其适用于广播？
https://stackoverflow.com/a/8406409/1137417
这是我的代码：

    $(function(){

    $('#Q07_03, #Q07_07, #Q08_03').hide();

    // checkboxes
    $('#Q07_03').toggle($('#Q07_02').is(':checked'));
    $('#Q07_02').click(function() {
    $('#Q07_03').toggle(); });

    $('#Q07_07').toggle($('#Q07_06').is(':checked'));
    $('#Q07_06').click(function() {
    $('#Q07_07').toggle(); });

    // here code for radio ?
    // #Q08_03 is the div to be displayed;
    // #Q08_02 is the one that should be selected
    })

Answer 1

为什么不使用ajax提交表单？你不会遇到这些问题。好回答你的问题，你可以试试这个。

//I don't know how many radio buttons are there on the page and what there names are
//you can accordingly change the radio button selector to check if it is checked or not

$(document).ready(function() {
     if($("input:radio:first").is(":checked"))
         $('divToShowHide').show()
     else
         $('divToShowHide').hide()
});

页面重新加载后保持无线电切换div的状态

1 个答案: