如何使用布尔值隐藏和显示表单中的一些文本框

时间:2014-07-29 12:03:21

标签: asp.net asp.net-mvc-4

在我的申请中,有两种类型的注册。业务类型和个人类型。业务类型有一些额外的字段需要填写。我不想使用两种形式。

我想要的是当用户点击Individual reg ..时,一些文本框将被隐藏,当Business type用户点击单选按钮时,每个字段都应该出现。我不想使用jquery。我们如何在asp.net mvc4

中实现这一目标

2 个答案:

答案 0 :(得分:1)

如果没有Javascript,您可以执行以下操作。

假设您的控件位于div内,并且相应地定义了两个css类(div-visiblediv-hidden)。

<div class="@(Model.IsBusinessType?"div-visible":"div-hidden")">
     //Business controls
</div>

<div class="@(Model.IsBusinessType?"div-hidden":"div-visible")">
     //Individual controls
</div>

答案 1 :(得分:0)

我认为根据一些因素,至少有三种方法可以采取......

1)基本Javascript(如果您不打算在项目中多次/经常这样做)

document.getElementById(“yourID”)。style.display ='none'...'block'...等等

2)jQuery - 如果你需要更频繁的这种事情,加上jQuery可以做的所有其他伟大的事情

  • 查找jquery hide()和show()函数 - 非常容易('#yourID')。hide()... show()

3)Knockout.js - 一种更全面的方式来绑定数据客户端,可以轻松地完成您所描述的内容,但除此之外还有更多 - 更多的学习曲线,但如果您需要重要的客户端,则是一个很好的工具 - 像这样的侧面功能 - 如果你不需要比你描述的更多,可能会有点过分。