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

我正在向表单动态添加表单控件。下面是我如何在视图中添加复选框控件的示例代码段。选中复选框后，我还需要在复选框的正下方显示一个文本框。然后，一旦再次取消选中复选框，文本将消失。有谁能为我提供一些如何实现这一目标的建议吗

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 />
}

if（Model.Sections[i].Questions[j].Type.ToLower（）=“singlecheckbox”）
{
@Html.LabelFor（model=>@model.Sections[i].问题[j].名称，模型.Sections[i].问题[j].名称）
@对于（int k=0；kmodel.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）
}


}

如果希望文本框在选中复选框时进入页面，则需要javascript。jQuery将使您的生活更轻松。