1

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

我要选中以折叠部分的单选按钮

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

如果选中上面的 Radiobutton，我想要折叠的部分

<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>

我正在使用引导程序并尝试了手风琴类，但这仅适用于超链接，如果选中该单选按钮然后解折叠，我不确定如何创建条件

<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 调试的代码

4

1 回答 1

1

使用来自此处的信息单选按钮上的 jQuery 单击事件不会被触发

$("input[name=Transaction_PaymentProvider]").click(function(){
    if($('input:radio[name=Transaction_PaymentProvider]:checked').val() == "2"){
        $('.panel-body').show();
    }else{
        $('.panel-body').hide();
    }
}

您将需要查看为单选按钮生成的名称。我不记得名字是否会是。或者 _。 http://api.jquery.com/show/和http://api.jquery.com/hide/介绍了自定义效果的方法。希望这会有所帮助。

于 2013-09-26T22:45:49.663 回答