如何制作一组重复的单选按钮，这些单选按钮也复制其所选选项？

Question

我尝试了以下变体：

$("input[type='radio']").click(function () {
var name = $(this).attr('name');
var id = $(this).attr('id');
$('#' + id).attr('checked');    
});

我想要的是一组重复的选项，其中一组将位于带有“更多选项”的隐藏 div 中，因此如果点击更多信息按钮，当前 div 隐藏，隐藏的一个显示但保留所有从用户的第一个视图中选择的现有选项。

类似：

选项1 选项2 选项3

选项1 选择2选择3选择4选择5

所以当第一组隐藏而第二组显示时，前 3 个选项匹配 div 切换之前选择的任何选项。

Answer 1

我认为我的建议可能对你有用。

您不需要复制这组单选按钮。 你只需要将选项分成两个div。进一步的选项 div 最初是隐藏的。 例如。

<div class="optionGrp1">
  //op1, op2, op3
  <div class="further_option" style="display:none">
  // op4, op5
  </div>
</div>