編集ページのチェックボックスから値に応じてフィールドを非表示および表示する方法

Question

ラジオボタンの値で1ドロップダウンや1テキストボックスなどのフィールドを非表示または表示する必要があるページがあります。 AddUserページでうまく動作しますが、ユーザーを編集しているときは、その時点では機能しません。いくつかのいずれかは、私はそれに応じて、私はdivを表示または非表示にすることができますようにのisActiveが真か偽であるかどうかを確認する必要がどのように編集ページ自体をロードしながら、ページのロード自体

<label class="form> 
     Active 
    @Html.RadioButtonFor(m => m.IsActive, true, new { onclick = "Hide()" }) 


     </label> 
    <label class="form"> 
     InActive 
    @Html.RadioButtonFor(m => m.IsActive, false, new { onclick="Show()"}) 


      </label> 

function Hide() 
    { 
     $('#Reasondiv').hide(); 
    } 
    function Show() 
    { 
     $('#Reasondiv').show(); 
    } 

上の条件を確認するために私を助けることができますあなたのHTMLビットを変更し、編集ページのために、次のようにコードのいくつかのより多くの行を追加する必要がありますする必要がjQueryのアプローチで

Answer 1

：

HTML：

<label class="form ActiveRadioContainer"> 
     Active 
    @Html.RadioButtonFor(m => m.IsActive, true, new { onclick = "Hide()" }) 
     </label> 
<label class="form InActiveRadioContainer"> 
     InActive 
    @Html.RadioButtonFor(m => m.IsActive, false, new { onclick="Show()"}) 
</label> 

はActiveRadioContainerとInActiveRadioContainerとして別々のクラスを追加して、必要に応じて追加のjQueryコード：

$(document).ready(function(){ 
    var isActive = $(".ActiveRadioContainer input[type=radio]").is(":checked"); 

    if(isActive){ 
     $('#Reasondiv').hide(); 
    } 
    else 
    { 
     $('#Reasondiv').show(); 
    } 
});