使用单击添加输入字段并将其绑定到模型

Question

我有一个与该文本框关联的texbox和3个单选按钮。下面是代码。

 for (int advancedSkills = 0; advancedSkills <= 0; advancedSkills++)
        {
            <div class="row" id="experienceTexts">
                <div class="col-md-3">

                    @Html.TextBoxFor(model => Model.ClinicalQ2textAnswers[advancedSkills].clinicalExpDetails, new { @onclick = "onClinicalTextChanged(this)" })
                    @Html.HiddenFor(m => Model.ClinicalQ2textAnswers[advancedSkills].AnswerID)
                    @Html.HiddenFor(m => Model.ClinicalQ2textAnswers[advancedSkills].AnswerDescription)

                </div>
                @for (int i = 0; i < Model.ClinicalQ2ExpAnswers.Count(); i++)
                {
                <div class="col-md-3">

                    @Html.RadioButtonFor(m => Model.ClinicalQ2SelectedExpAnswers[advancedSkills], Model.ClinicalQ2ExpAnswers[i].AnswerID)
                    @Html.HiddenFor(m => Model.ClinicalQ2ExpAnswers[i].AnswerID)
                    @Html.HiddenFor(m => Model.ClinicalQ2ExpAnswers[i].AnswerDescription)

                </div>
                }
            </div>
            <br />
        }

现在我想要一个链接或按钮（更容易），如： +点击以添加更多技能。 这应该添加另一个文本框及其相关的radiobuttons。

我该怎么做？每次我点击+符号时它也应该将它绑定到模型。因此，如果我按下4次，则4个文本框及其radiobutton值应绑定到模型。