Как деколлапса раздел, если RadioButton проверяется в форме

Я просто хочу знать, как свернуть раздел DIV, когда радиокнопку, как показано ниже проверяетсяКак деколлапса раздел, если RadioButton проверяется в форме

RadioButton, что я хочу проверить, чтобы свернуть раздел

<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

источник

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

Как деколлапса раздел, если RadioButton проверяется в форме

ответ

Смежные вопросы