如何在ASP.NET MVC 4中选中复选框时动态添加文本框？

Question

我正在动态地向表单添加表单控件。下面是我在视图中添加Check Box控件的示例代码段。检查后，我还需要在复选框的正下方显示一个文本框。一旦复选框再次取消选中，文本就会消失。任何人都能提供一些关于如何实现这一点的指示。

if (Model.Sections[i].Questions[j].Type.ToLower() == "singlecheckbox")
{
    <div class="large-8 columns">
    @Html.LabelFor(model => @Model.Sections[i].Questions[j].Name, Model.Sections[i].Questions[j].Name)
    @for (int k = 0; k < Model.Sections[i].Questions[j].Value.Options.Count; k++)
    {
        @Html.HiddenFor(model => Model.Sections[i].Questions[j].Value.Options[k].Id);
                @Html.HiddenFor(model => Model.Sections[i].Questions[j].Value.Options[k].Name);
                @Html.HiddenFor(model => Model.Sections[i].Questions[j].Value.Options[k].SecondaryValue);
                @Html.CheckBoxFor(model => Model.Sections[i].Questions[j].Value.Options[k].PrimaryValue)
    }
    </div>
    <br />
}