保留表单验证时的显示/隐藏状态

Question

在我的表单中，我根据用户选择的单选按钮显示/隐藏某些div。例如：

$('input[name=\'pick_up_point\']').change(function() {
if($($(this)).val() == 'pick_up_airport')
{
    $('#pick_up_airport_div').slideDown();
    $('#start_point_div').hide();
}
});

现在提交表单时，如果出现错误，表单将被重新显示。验证工作正常，当然div除了原来的状态。如何保留显示/隐藏状态？

Answer 1

您可以为所有单选按钮触发更改事件的页面加载：

$('input[name=\'pick_up_point\']').trigger('change');

在定义更改处理程序之后，需要调用它。