如何根据单选按钮选择隐藏字段集（并禁用该字段集的关联 ASP.NET 验证）？

Question

我有三个不同的单选按钮项目，名称为“RegistrantType”。

根据用户的选择，显示不同的字段集。如何最有效地显示/隐藏字段集。我还需要禁用隐藏字段集中可能存在的任何 ASP.NET 验证：

<fieldset>
    <legend id="legend">Registration</legend>
    <ol>
        <li>
            <label for="RegistrantType">Please select your registrant type:</label>
            <br />
            <div id="RegistrantType">
                <!-- Subscriber -->
                <input runat="server" type="radio" name="RegistrantType" id="RegistrantTypeSubscriber" value="1" />
                <label runat="server" for="SuspsectTypeSubscriber">Subscriber</label>
                <fieldset runat="server" id="RegistrantTypeSubscriberFields">
                    <legend>
                        Subscriber
                    </legend>
                    <ol>
                        <li>
                            <input runat="server" type="text" name="RegistrantSubscriberID" placeholder="Subscriber ID" />
                        </li>
                    </ol>
                </fieldset>

                <!-- Promo -->
                <input runat="server" type="radio" name="RegistrantType" id="RegistrantTypePromo" value="2"  />
                <label for="SuspsectTypePromo">Promo Code</label>
                <fieldset runat="server" id="RegistrantTypePromoFields">
                    <legend>
                        Promo
                    </legend>
                    <ol>
                        <li>
                        </li>
                    </ol>
                </fieldset>

                <!-- New Sign Up -->
                <input runat="server" type="radio" name="RegistrantType" id="RegistrantTypeNew Sign Up" value="3" />
                <label for="SuspsectTypeNew Sign Up">New Sign Up</label>
                <fieldset runat="server" id="RegistrantTypeNew Sign UpFields">
                    <legend>
                        New Sign Up
                    </legend>
                    <ol>
                        <li>
                            <input runat="server" type="text" name="RegistrantFirstName" id="RegistrantFirstName" placeholder="*First Name" maxlength="128" />
                            <input runat="server" type="text" name="RegistrantLastName" id="RegistrantLastName" placeholder="*Last Name" maxlength="128" />
                            <br />
                            <input runat="server" type="text" name="RegistrantPhoneNumber" id="RegistrantPhoneNumber" placeholder="*Phone Number" maxlength="14"/>
                            <br />
                            <input runat="server" type="text" name="RegistrantStreetAddress01" id="RegistrantStreetAddress01" placeholder="*Address" maxlength="128" />
                            <input runat="server" type="text" name="RegistrantStreetAddress02" id="RegistrantStreetAddress02" placeholder="Address"  maxlength="128"/>
                            <br />
                            <input runat="server" type="text" name="RegistrantCity" id="RegistrantCity" placeholder="*City" maxlength="128" />
                            <asp:dropdownlist runat="server" id="RegistrantState"></asp:dropdownlist>
                            <input runat="server" type="text" name="RegistrantZIP" id="RegistrantZIP" placeholder="*ZIP Code" maxlength="10" />
                        </li>
                    </ol>
                </fieldset>
            </div>
        </li>
                     <!-- Rest of form removed for brevity... -->
    </ol>
</fieldset>

Answer 1

您可以像这样操作字段集：

<fieldset id="fs1" runat="server">
    I'm one
</fieldset>

<fieldset id="fs2" runat="server">
    I'm two
</fieldset>

// in the code behind
fs1.Visible = true;
fs2.Visible = false;