显示页面元素默认jquery

我有一个注册页面，上面有两个单选按钮（两种注册类型）

当选中第一个单选按钮时，我看到第一类注册的表格。 当选中第二个单选按钮时，我看到第二种类型的表单

我通过向radiobutton输入添加jquery代码来实现：

onclick="jQuery('.school_field').hide();jQuery('.priv_field').show();

问题：当我进入注册页面时，我会看到我创建的所有表单（针对两种类型的注册）。默认情况下，如何显示第一类注册的表格？

---

谢谢

在页面加载过程中，使用以下CSS隐藏所有

priv_field

元素：

.priv_field { display: none; }

jQuery也可以实现同样的效果，尽管我不认为有这样的情况：

$(function() { $('.priv_field').hide(); });

---

默认情况下，您需要在页面加载时隐藏表单，并且只显示一个表单

这有帮助吗

$(document).ready(function(){

    jQuery('.school_field').hide();
    jQuery('.priv_field').show();    

})

可以使用show（）和hide（）。 这有点简单

看一看

---

您的意思是隐藏/显示仅用于第一个/第二个注册类型的字段，而不是表单吗

当DOM就绪时，您应该检查最初选择的单选按钮，然后基于此隐藏/显示字段

$(document).ready(function() {
  if ($('input.radio-button-for-school').is(':selected')) {
    $('.priv_field').hide();
    $('.school_field').show();
  } else {
    $('.school_field').hide();
    $('.priv_field').show();
  }
});

---

请注意，在某些浏览器中，如果将表单字段设置为某些值，然后重新加载页面，则表单字段仍将保留相同的值。因此，仅假设默认单选按钮始终是加载页面时选择的按钮是不够的。如果用户提交表单，但表单中有一些无效值，您可能还希望保留用户的输入。

值得注意的是，jQuery解决方案也可能会在一段时间内显示隐藏字段，直到DOM就绪。如果CSS加载速度较慢，那么该解决方案当然也会如此，但jQuery解决方案可能会更慢。谢谢大家的回答！=）谢谢你！它起作用了！这是我的第一个jquery步骤。我很高兴：）欢迎来到StackOverflow：）

$(document).ready(function() {
  if ($('input.radio-button-for-school').is(':selected')) {
    $('.priv_field').hide();
    $('.school_field').show();
  } else {
    $('.school_field').hide();
    $('.priv_field').show();
  }
});