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

How To hide and show fields according to value from check box on edit page

本文关键字：隐藏 字段 显示 复选框 何根 编辑      更新时间：2023-09-26

我有一个页面，我应该隐藏或显示像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是否为true或false，以便根据它我可以显示或隐藏div

使用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();
    }
});
相关文章：