使用 MVC，如何根据复选框显示或隐藏元素？答案

【问题标题】：Using MVC, how can I show or hide elements based on a checkbox?使用 MVC，如何根据复选框显示或隐藏元素？
【发布时间】：2013-01-20 17:22:54
【问题描述】：

我正在尝试学习如何使用 MVC，我希望能够让用户选中一个框以显示或取消选中以隐藏任意数量的元素。
我已经看到整个页面不刷新并且用户不需要单击任何“提交”按钮的情况下完成此操作，但它会实时执行。
我在搜索中找到的所有 MVC 教程似乎都没有回答这个问题，甚至没有让我对部分视图有一个正确的想法（我认为这可能是解决方案）。我知道这个问题很愚蠢，但我一直在寻找几个小时，但无法弄清楚。

【问题讨论】：

标签： asp.net-mvc checkbox asp.net-mvc-partialview

【解决方案1】：

要在不刷新页面的情况下执行此类操作，您需要使用 javascript 或 jQuery

假设您的视图如下所示：

<input type="checkbox" id="myCheckbox">
<div id="ShowHideMe">
   <p>some content</p>
</div>

你需要类似的东西，

<script>
  $(function() {
    $('#myCheckbox').change(function() {
       $('#ShowHideMe').toggle($(this).is(':checked'));
     });
  });
</script>

只要您想进行客户端编程，您就可以使用 javascript。

【讨论】：

这对我来说是完美的，将初始状态 div 设置为隐藏并且未选中复选框我添加了 style="display: none;"在 div 上

【解决方案2】：

我已经看到整个页面没有刷新并且用户不需要点击任何“提交”按钮，但它会实时完成

您描述的是 javascript，而不是（可能是 asp.net）mvc 的任何内置功能

【讨论】：

【解决方案3】：

使用 jquery。

$("#myCheckbox").click(function () { $("#someOtherElementId").hide(); });

【讨论】：