如何，如果单选按钮以托运形式decollapse部分

我简单的想知道如何瓦解一个div部分时，像下面一个单选按钮被选中，我要检查，以折叠部分如何，如果单选按钮以托运形式decollapse部分

<div> 
    @Html.RadioButtonFor(model => model.Transaction.PaymentProvider, "2") 
    @Html.LabelFor(model => model.Transaction.PaymentProvider, "Pay with Credit Card") 
</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>

我使用的引导，并试图手风琴班但只适用于一个超链接和我”不知道如何做一个条件，如果该单选按钮被选中，那么decollapse

<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

来源

2013-09-26 imGreg

调试的代码从这里jQuery click event on radio button doesn't get fired

$("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-26 22:45:49

我插入了您提供的代码并运行该项目。当我到达那个页面时，我想隐藏的部分被隐藏起来，但是当我打开单选按钮来显示它时，它不显示。 – imGreg

做了单选按钮的名称改变了我猜对的方式吗？当你点击它时，你的控制台是否有错误？ –

以及当我尝试'name = Transaction.PaymentProvider'而不是它隐藏的部分。所以这个名字似乎是正确的我不知道 – imGreg

如何，如果单选按钮以托运形式decollapse部分

回答

相关问题