如何将使用数据模板动态创建的单选按钮组绑定到列表？

// 数据模板
const options = [
  { label: '选项1', value: 'option1' },
  { label: '选项2', value: 'option2' },
  { label: '选项3', value: 'option3' }
];

// 列表数据
const list = [];

// 动态生成单选按钮组
options.forEach(option => {
  const radioBtn = document.createElement('input');
  radioBtn.type = 'radio';
  radioBtn.name = 'options';
  radioBtn.value = option.value;
  
  const label = document.createElement('label');
  label.textContent = option.label;
  
  // 添加事件监听器
  radioBtn.addEventListener('change', event => {
    const selectedValue = event.target.value;
    // 将选择的值存储到列表中
    list.push(selectedValue);
  });
  
  // 将单选按钮和标签添加到页面中
  document.body.appendChild(radioBtn);
  document.body.appendChild(label);
});

// 更新列表数据
function updateList() {
  // 清空列表
  list.length = 0;
  
  // 遍历单选按钮组，将选中的值存储到列表中
  const radioBtns = document.querySelectorAll('input[name="options"]');
  radioBtns.forEach(radioBtn => {
    if (radioBtn.checked) {
      list.push(radioBtn.value);
    }
  });
}