如何基于单选按钮选择动态更改表单域

Question

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

Field A
Field B
Radio1 Radio 2

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

我该怎么做

Answer 1

将表单元素设置为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);

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