Question

我的注册页面顶部有2个radiobuttons（2种注册类型）。

当检查第一个单选按钮时，我会看到第一种注册形式。当检查第二个radiobutton时，我看到第二种类型的表格。

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

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

问题：当我进入注册页面时，我会看到我创建的所有表单（2种注册类型）。如何以默认形式显示第一类注册表格？谢谢。

Answer 1

使用以下CSS在页面加载期间隐藏所有priv_field元素：

.priv_field { display: none; }

使用jQuery可以实现同样的目标，尽管我没有看到它的情况：

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

Answer 2

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

可能有帮助

$(document).ready(function(){

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

})

Answer 3

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

看看http://jsfiddle.net/nagoba/ZvQw6/

$(document).ready(function(){

    $("#form1").click(function(){

        $('#form2').attr('checked',false);
        $("#f1").show();
        $("#f2").hide();

    });

    $("#form2").click(function(){

        $('#form1').attr('checked',false); 
         $("#f2").show();
        $("#f1").hide();

    });

});

Answer 4

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

当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

4 个答案: