Javascript 如何基于单选按钮选择动态更改表单字段

我有一个表单，需要根据单选按钮的选择动态更改它。 假设我有文本字段字段A，字段B，…，字段G，我有单选按钮单选1和单选2。 我想根据radiobutton选择动态更改表单。 表格设计如下：

Field A
Field B
Radio1 Radio 2

现在，根据radiobutton选择，其他字段C到G可以是文本字段、radiobutton或下拉列表。 现在，我正在使用两个具有相同字段的div来查看它们的requirementtextfields或radiobutton或dropdownlists，并根据radiobutton选择隐藏/显示这些div。但这是正确的方法吗。但是我看到这种方法的缺点是每个表单字段都会被提交两次，这意味着即使有一个div被隐藏，它也会从两个div发布数据

---

如何执行此操作

将表单元素设置为disabled将阻止它进入服务器，例如：

 <input disabled="disabled" type="text" name="test"/>

要禁用，请使用此选项

$("id or class of the form field").prop('disabled', true);

$("id or class of the form field").prop('disabled', false);

---

选择单选按钮时，您可以执行此操作。

您还必须禁用隐藏的输入，以防止随后发回。..disabled=disabled..@StephenMuecke Correct。但是，如果我使用disabled，问题是当我单击单选按钮时，字段被禁用，我们无法输入任何内容。您有单一表单吗？当选择单选按钮1时，从a和B中删除disabled属性，并将disabled添加到C、D等。当选择单选按钮2时，在我需要隐藏I的同时进行反转在单选按钮单击功能中，您可以隐藏div以及启用禁用字段