Javascript 显示和隐藏选中单选按钮上的div并提交表单

我有5个单选按钮，想在选择特定的收音机时显示不同的div 按钮，但其他div as联系人表单应显示在提交表单上

还有一件事，我希望下一个剧组和第一个剧组在同一个位置（第一个剧组的表演和第二个剧组的隐藏在同一个地方）

告诉我们更多关于你自己的信息

拥有3个以上地点的连锁餐厅。（正在查找更多信息） 有1-3个位置的独立餐厅（寻找更多信息） 现有Punchh客户（寻求支持） Punchh开发应用程序的用户（寻求支持） 其他（营销、合作伙伴关系等）
提交 我在javascript方面没有太多经验，所以请检查我的代码

<script type="text/javascript">
    $('input:radio[value="Restaurant"]').change(
        $('form').submit(function (e) {

            if ($(this).is(':checked')) {
                $('#main').hide();
                $('#Restaurant').show();
                e.preventDefault();
            }

        });
</script>

$（'input:radio[value=“Restaurant”]'）。更改(
$（'form'）。提交（函数（e）{
如果（$（this）.is（':checked'））{
$（'#main'）.hide（）；
$（'餐厅'）.show（）；
e、 预防默认值（）；
}
});

在上述代码中，$（this）指的是表单元素，而不是无线电输入字段

我建议，在表单的提交事件中，我们检查无线电输入字段，并相应地隐藏和显示div

<script type="text/javascript">
$().ready(function() {
  $('form').submit(function (e) { 
    $('input:radio[value="Restaurant"]').is(':checked')) {
                $('#main').hide();
                $('#Restaurant').show();
                e.preventDefault();    
            }  
   });
  });
</script>

$（）.ready（函数（））{
$（'form'）。提交（函数（e）{
$（'input:radio[value=“Restaurant”]'）。是（':checked'））{
$（'#main'）.hide（）；
$（'餐厅'）.show（）；
e、 预防默认值（）；
}  
});
});

这是完整的代码吗？为什么要在变更事件中处理提交事件。？即使您没有提交表单，您也可以将该代码放在

。submit

evebt之外

<script type="text/javascript">
$().ready(function() {
  $('form').submit(function (e) { 
    $('input:radio[value="Restaurant"]').is(':checked')) {
                $('#main').hide();
                $('#Restaurant').show();
                e.preventDefault();    
            }  
   });
  });
</script>