Question

我有一个页面，我应该通过单选按钮的值隐藏或显示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();
    }

在加载编辑页面本身时，我需要检查IsActive是真还是假，以便根据它我可以显示或隐藏div

Answer 1

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

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

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

1 个答案: