Javascript 使用单选按钮更改表单

我希望能够根据复选框“我的第一张表格”更改表格：

<form action="{$link->getPageLink('authentication', true)|escape:'html':'UTF-8'}" method="post"
              id="login_form" class="box">
            <h3 class="page-subheading connect_or">{l s='ou'}</h3>
            <div class="form_content clearfix">
                <div class="form-group">
                    <label for="email">{l s='Entrez votre email :'}</label>
                    <input class="is_required validate account_input form-control" data-validate="isEmail"
                           type="email" id="email" name="email" placeholder="Ex: etudiant@email.fr"
                           value="{if isset($smarty.post.email)}{$smarty.post.email|stripslashes}{/if}"/>
                </div>
                <div class="form-group">
                    <div class="radio">
                        <label>
                            <input id="radio_login" type="radio" name="optionsRadios" value="option1">
                            Je suis un nouveau client <em>(vous pourrez créer un compte par la suite)</em>
                        </label>
                        <br>
                        <label>
                            <input id="radio_login" type="radio" name="optionsRadios" value="option2">
                            J'ai déjà un compte et un mot de passe
                        </label>
                    </div>
                </div>
                <div class="account_passwd">
                <div class="form-group">
                    <label for="passwd">{l s='Votre mot de passe :'}</label>
                    <input class="is_required validate account_input form-control" type="password"
                           data-validate="isPasswd" id="passwd" name="passwd" value="" placeholder="*******"/>
                </div>
                <p class="lost_password form-group"><a href="{$link->getPageLink('password')|escape:'html':'UTF-8'}"
                                                       title="{l s='Recover your forgotten password'}"
                                                       rel="nofollow">{l s='Forgot your password?'}</a></p>
                </div>
                <p class="submit">
                    {if isset($back)}<input type="hidden" class="hidden" name="back"
                                            value="{$back|escape:'html':'UTF-8'}" />{/if}
                    <button type="submit" id="SubmitLogin" name="SubmitLogin"
                            class="button btn btn-default button-medium">
                        <span>
                            {l s='valider'}
                        </span>
                    </button>
                </p>
            </div>
        </form>

{l s='ou'}
{l s='Entrez votre电子邮件：'}
JE Suun-UnNuvo客户（Vou-Purrz CR UE Copter Par La套房）


这是一个完整而不过时的故事
{l s='Votre mot de passe:'}


{if-isset（$back）}{/if}
{l s='valider'}

我的第二份表格：

<form action="{$link->getPageLink('authentication', true)|escape:'html':'UTF-8'}" method="post" id="create-account_form" class="box">
            <div class="form_content clearfix">
                <p>{l s='Please enter your email address to create an account.'}</p>
                <div class="alert alert-danger" id="create_account_error" style="display:none"></div>
                <div class="form-group">
                    <label for="email_create">{l s='Email address'}</label>
                    <input type="email" class="is_required validate account_input form-control" data-validate="isEmail" id="email_create" name="email_create" value="{if isset($smarty.post.email_create)}{$smarty.post.email_create|stripslashes}{/if}" />
                </div>
                <div class="submit">
                    {if isset($back)}<input type="hidden" class="hidden" name="back" value="{$back|escape:'html':'UTF-8'}" />{/if}
                    <button class="button btn btn-default button-medium" type="submit" id="SubmitCreate" name="SubmitCreate">
                        <span>
                            <i class="icon-user left"></i>
                            {l s='Create an account'}
                        </span>
                    </button>
                    <input type="hidden" class="hidden" name="SubmitCreate" value="{l s='Create an account'}" />
                </div>
                <div class="form-group">
                    <div class="radio">
                        <label>
                            <input id="radio_create" type="radio" name="optionsRadios1" value="option1">
                            Je suis un nouveau client <em>(vous pourrez créer un compte par la suite)</em>
                        </label>
                        <br>
                        <label>
                            <input id="radio_create" type="radio" name="optionsRadios1" value="option2">
                            J'ai déjà un compte et un mot de passe
                        </label>
                    </div>
                </div>
            </div>
        </form>

{l s='请输入您的电子邮件地址以创建帐户。}

{l s='电子邮件地址'}
{if-isset（$back）}{/if}
{l s='Create a account'}
JE Suun-UnNuvo客户（Vou-Purrz CR UE Copter Par La套房）


这是一个完整而不过时的故事

显示一个或另一个的条件是：

如果客户选择单选按钮“option1”，则显示表单id=“新建账户表单”，否则显示表单id=“登录表单”

---

谢谢

您可以在单选按钮中添加更改处理程序

jQuery（'my#u radiobutton'）。在（'change'，function（）{/*您的代码在这里*/}）

单击后，检查选择了哪个选项。
然后对要显示/隐藏的表单使用hide（）或show（）

及

这甚至还附带了“眼睛糖果”的动画。
您可以在单选按钮中添加更改处理程序

jQuery（'my#u radiobutton'）。在（'change'，function（）{/*您的代码在这里*/}）

单击后，检查选择了哪个选项。
然后对要显示/隐藏的表单使用hide（）或show（）

及

这甚至还附带了“眼睛糖果”的动画。
此代码将满足您的需要：


$（'login#u form'）.hide（）；
$（'create-account_form'）.hide（）；
$（'.rs'）。在（'change'，function（）上{
if（$（this）.val（）==1）{
$（“#登录表单”）.show（）；
$（'create-account_form'）.hide（）；
}否则{
$（'create-account_form'）.show（）；
$（“#登录表单”）.hide（）；
}
})

{l s='请输入您的电子邮件地址以创建帐户。}

{l s='电子邮件地址'}
{if-isset（$back）}{/if}
{l s='Create a account'}
JE Suun-UnNuvo客户（Vou-Purrz CR UE Copter Par La套房）


这是一个完整而不过时的故事
{l s='ou'}
{l s='Entrez votre电子邮件：'}
JE Suun-UnNuvo客户（Vou-Purrz CR UE Copter Par La套房）


这是一个完整而不过时的故事
{l s='Votre mot de passe:'}


{if-isset（$back）}{/if}
{l s='valider'}

此代码将执行您需要的操作：


$（'login#u form'）.hide（）；
$（'create-account_form'）.hide（）；
$（'.rs'）。在（'change'，function（）上{
if（$（this）.val（）==1）{
$（“#登录表单”）.show（）；
$（'create-account_form'）.hide（）；
}否则{
$（'create-account_form'）.show（）；
$（“#登录表单”）.hide（）；
}
})

{l s='请输入您的电子邮件地址以创建帐户。}

{l s='电子邮件地址'}
{if-isset（$back）}{/if}
$('#login_form').show();
$('.rs').prop('checked', true);
$('.rs').parent().addClass('checked');
$('#create-account_form').hide();
$('.rs').on('change',function(){
    if($(this).val() == 1){
        $('#login_form').hide();
        $('#create-account_form').show();
        $('.rsa:first').prop('checked', true);
        $('.rsa:first').parent().addClass('checked');
        $('.rsa:last').prop('checked', false);
        $('.rsa:last').parent().removeClass('checked');
    }else{
        $('#create-account_form').show();
        $('#login_form').hide();
    }
});
$('.rsa').on('change', function(){
    if($(this).val() == 2){
        $('#login_form').show();
        $('#create-account_form').hide();
        $('.rs:last').prop('checked', true);
        $('.rs:last').parent().addClass('checked');
        $('.rs:first').prop('checked', false);
        $('.rs:first').parent().removeClass('checked');
    }
});

<form action="{$link->getPageLink('authentication', true)|escape:'html':'UTF-8'}" method="post"
              id="login_form" class="box">
            <h3 class="page-subheading connect_or">{l s='ou'}</h3>
            <div class="form_content clearfix">
                <div class="form-group">
                    <label for="email">{l s='Entrez votre email :'}</label>
                    <input class="is_required validate account_input form-control" data-validate="isEmail"
                           type="email" id="email" name="email" placeholder="Ex: etudiant@email.fr"
                           value="{if isset($smarty.post.email)}{$smarty.post.email|stripslashes}{/if}"/>
                </div>
                <div class="form-group">
                    <div class="radio">
                        <label>
                            <input class="rs" id="radio_login" type="radio" name="action" value="1">
                            Je suis un nouveau client <em>(vous pourrez créer un compte par la suite)</em>
                        </label>
                        <br>
                        <label>
                            <input class="rs" id="radio_login" type="radio" name="action" value="2">
                            J'ai déjà un compte et un mot de passe
                        </label>
                    </div>
                </div>
                <div class="account_passwd">
                <div class="form-group">
                    <label for="passwd">{l s='Votre mot de passe :'}</label>
                    <input class="is_required validate account_input form-control" type="password"
                           data-validate="isPasswd" id="passwd" name="passwd" value="" placeholder="*******"/>
                </div>
                <p class="lost_password form-group"><a href="{$link->getPageLink('password')|escape:'html':'UTF-8'}"
                                                       title="{l s='Recover your forgotten password'}"
                                                       rel="nofollow">{l s='Forgot your password?'}</a></p>
                </div>
                <p class="submit">
                    {if isset($back)}<input type="hidden" class="hidden" name="back"
                                            value="{$back|escape:'html':'UTF-8'}" />{/if}
                    <button type="submit" id="SubmitLogin" name="SubmitLogin"
                            class="button btn btn-default button-medium">
                        <span>
                            {l s='valider'}
                        </span>
                    </button>
                </p>
            </div>
        </form>
        <form action="{$link->getPageLink('authentication', true)|escape:'html':'UTF-8'}" method="post" id="create-account_form" class="box">
            <div class="form_content clearfix">
                <p>{l s='Please enter your email address to create an account.'}</p>
                <div class="alert alert-danger" id="create_account_error" style="display:none"></div>
                <div class="form-group">
                    <label for="email_create">{l s='Email address'}</label>
                    <input type="email" class="is_required validate account_input form-control" data-validate="isEmail" id="email_create" name="email_create" value="{if isset($smarty.post.email_create)}{$smarty.post.email_create|stripslashes}{/if}" />
                </div>
                <div class="submit">
                    {if isset($back)}<input type="hidden" class="hidden" name="back" value="{$back|escape:'html':'UTF-8'}" />{/if}
                    <button class="button btn btn-default button-medium" type="submit" id="SubmitCreate" name="SubmitCreate">
                        <span>
                            <i class="icon-user left"></i>
                            {l s='Create an account'}
                        </span>
                    </button>
                    <input type="hidden" class="hidden" name="SubmitCreate" value="{l s='Create an account'}" />
                </div>
                <div class="form-group">
                    <div class="radio">
                        <label>
                            <input class="rsa" id="radio_login" type="radio" name="action" value="1">
                            Je suis un nouveau client <em>(vous pourrez créer un compte par la suite)</em>
                        </label>
                        <br>
                        <label>
                            <input class="rsa" id="radio_login" type="radio" name="action" value="2">
                            J'ai déjà un compte et un mot de passe
                        </label>
                    </div>
                </div>
            </div>
        </form>