JQUERY SHOW / HIDE用于必需的表单字段如果未选中，则隐藏显示是否检查但验证失败

如何解决JQUERY SHOW / HIDE用于必需的表单字段如果未选中，则隐藏显示是否检查但验证失败

| 我发现此脚本可用于Web表单。当用户单击复选框时，将显示其他必填表格字段。如果未单击该复选框，则不需要隐藏的表单字段。 它起作用，除了我遇到的问题是： 单击复选框。 必填字段显示 用户提交表单而不填写必填字段 验证失败后重新加载页面后，必填的表单字段将被隐藏，但仍选中该复选框。 当发生＃4时，我希望在页面重新加载后显示这些字段，因为该复选框仍处于选中状态，而不是被隐藏。

<script>
    $(document).ready(function(){

        //Hide div w/id extra
       $(\"#extra\").css(\"display\",\"none\");

        // Add onclick handler to checkbox w/id checkme
       $(\"#delivery\").click(function(){

        // If checked
        if ($(\"#delivery\").is(\":checked\"))
        {
            //show the hidden div
            $(\"#extra\").show(\"fast\");
        }
        else
        {      
            //otherwise,hide it 
            $(\"#extra\").hide(\"fast\");
        }
      });

        });
</script>

    

解决方法

        如果您已经在使用jQuery，通过让jQuery在提交表单之前验证表单来保存页面的重新加载，这不是没有问题吗？似乎是一个更好的解决方案，可以确保在提交之前验证所有内容，而不是提交，验证并将表单带回给用户。     ,        这有效：

$(document).ready(function(){
// Hide div w/id extra
$(\"#extra\").hide();

// Toggle content on initial load
extraToggle($(\"#used_fixed_price_1\"),$(\"#extra\"));

// Add onclick handler to checkbox w/id cb
$(\"#used_fixed_price_1\").click(function(){
extraToggle($(\"#used_fixed_price_1\"),$(\"#extra\"));
});
});

function extraToggle(checkbox,extra)
{
// If checked
if(checkbox.is(\":checked\"))
{
//show the hidden div
extra.show(\"fast\");
}
else
{
//otherwise,hide it
extra.hide(\"fast\");
}
}