Jquery 如果在表单中选中了radiobutton，如何解折叠部分

我只是想知道当选中下面这样的单选按钮时，如何折叠div部分

<div class="panel-body">
    <table border="0" cellspacing="0" cellpadding="0" align="middle">
        <tr>
            <td width="100" border="0" class="paylabel">Card Number:</td>
            <td colspan="3" width="335" border="0" class="paylabel">
                <div class="editor-field">
                    @Html.EditorFor(model => model.Transaction.CreditCard.CardNumber)
                    @Html.ValidationMessageFor(model => model.Transaction.CreditCard.CardNumber)
                </div>
            </td>
        </tr>
    </table>
</div>

我要选中的单选按钮以折叠节

<div>
    @Html.RadioButtonFor(model => model.Transaction.PaymentProvider, "2")
    @Html.LabelFor(model => model.Transaction.PaymentProvider, "Pay with Credit Card")
</div>

@Html.RadioButton（model=>model.Transaction.PaymentProvider，“2”）
@LabelFor（model=>model.Transaction.PaymentProvider，“用信用卡支付”）

如果选中上面的单选按钮，我希望折叠的部分

<div class="panel-body">
    <table border="0" cellspacing="0" cellpadding="0" align="middle">
        <tr>
            <td width="100" border="0" class="paylabel">Card Number:</td>
            <td colspan="3" width="335" border="0" class="paylabel">
                <div class="editor-field">
                    @Html.EditorFor(model => model.Transaction.CreditCard.CardNumber)
                    @Html.ValidationMessageFor(model => model.Transaction.CreditCard.CardNumber)
                </div>
            </td>
        </tr>
    </table>
</div>

卡号：
@EditorFor（model=>model.Transaction.CreditCard.CardNumber）
@Html.ValidationMessageFor（model=>model.Transaction.CreditCard.CardNumber）

我正在使用引导，并尝试了手风琴类，但这只适用于超链接，我不知道如何使条件，如果该单选按钮被选中，然后取消崩溃

<label class="radio">
<input checked="checked" data-val="true" data-val-number="The field PaymentProvider must be a number." data-val-required="The PaymentProvider field is required." id="Transaction_PaymentProvider" name="Transaction.PaymentProvider" type="radio" value="1"/>
<label for="Transaction_PaymentProvider">Pay with PayPal</label>
 <input id="Transaction_PaymentProvider" name="Transaction.PaymentProvider" type="radio" value="2" />
<label for="Transaction_PaymentProvider">Pay with Credit Card</label>
 </label>

用贝宝支付
用信用卡支付

这是正在使用此处的信息从IE调试的代码

您需要查看为单选按钮生成的名称。我不记得这个名字会不会是。或者!。然后回顾一下定制效果的方法。希望这能有所帮助。

使用这里的信息

---

您需要查看为单选按钮生成的名称。我不记得这个名字会不会是。或者!。然后回顾一下定制效果的方法。希望这能有所帮助。

我插入了您提供的代码并运行了该项目。当我到达该页面时，我最初想要隐藏的部分被隐藏，但当我勾选单选按钮显示它时，它不会显示。单选按钮的名称是否改变了我猜测的方式？当您单击控制台时，是否在控制台中出现任何错误？当我尝试

name=Transaction.PaymentProvider

时，它没有隐藏该部分。因此，名称似乎是正确的，我不确定你是否有如果在点击事件，请参阅我的编辑上面。我也只注意到你的代码中只有一个单选按钮。如果你只有一个，你可能想把它切换到一个复选框，这样如果他们改变主意，他们可以再次隐藏div。我只是举了一个例子，这里有两个，上面的一个是初始选中的。我正在查看生成的票据名称，它是

name=“Transaction.PaymentProvider”

。因此，现在我在代码

if（$（'input:radio[name=Transaction.PaymentProvider]：checked'）.val（）=“2”）{$（'.panel body'）.show（）；}或者{$（'.panel body'）.hide（）；}

I插入了您提供的代码并运行了项目。当我到达该页面时，我最初想要隐藏的部分被隐藏，但当我勾选单选按钮显示它时，它不会显示。单选按钮的名称是否改变了我猜测的方式？当您单击控制台时，是否在控制台中出现任何错误？当我尝试

name=Transaction.PaymentProvider

时，它没有隐藏该部分。因此，名称似乎是正确的，我不确定你是否有如果在点击事件，请参阅我的编辑上面。我也只注意到你的代码中只有一个单选按钮。如果你只有一个，你可能想把它切换到一个复选框，这样如果他们改变主意，他们可以再次隐藏div。我只是举了一个例子，这里有两个，上面的一个是初始选中的。我正在查看生成的票据名称，它是

name=“Transaction.PaymentProvider”

。所以现在我在代码

if（$（'input:radio[name=Transaction.PaymentProvider]：checked'）.val（）=“2”）{$（'.panel body'）.show（）；}else{$（'.panel body'）.hide（）；}