如何根据单选按钮选择动态更改表单字段

Question

我有一个表单，我需要根据单选按钮选择动态更改它。 假设我有文本字段字段 A、字段 B、.....、字段 G，并且我在表单中有单选按钮 Radio 1 和 Radio 2。 我想根据单选按钮选择动态更改表单。
表单设计如下：

Field A
Field B
Radio1 Radio 2

现在基于单选按钮选择，其他字段（字段 C 到 G）可以是文本字段或单选按钮或下拉列表。 现在，我使用两个具有相同字段的 div 来查看它们的需求（文本字段或单选按钮或下拉列表），并根据单选按钮选择隐藏/显示这些 div。但这是正确的方法吗？但是我看到这种方法的缺点是每个表单字段被提交两次（我的意思是它从两个 div 发布数据，即使一个 div 被隐藏）

我该怎么做

Answer 1

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

 <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);

在单选按钮选择时，您可以这样做。