Javascript 如何根据编辑页面上的复选框中的值隐藏和显示字段

我有一个页面，我应该隐藏或显示字段，如1下拉框和1文本框的值从单选按钮。它在AddUser页面中工作正常，但在编辑用户时，它不工作。有人能帮我检查页面加载本身的条件吗

<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();
    }

---

使用JQuery方法，您需要稍微修改HTML，并需要添加几行代码，如下所示用于编辑页面：

HTML:

var isActive-@Html.Raw（Json.Encode（Model.isActive）
将获取该值。然后您可以使用
if（isActive）{…}else{…}
<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>

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

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