使用json data、nunjucks和for循环动态迭代表单单选输入

{
  "options": [
    { "value": "option1", "label": "Option 1" },
    { "value": "option2", "label": "Option 2" },
    { "value": "option3", "label": "Option 3" }
  ]
}

<form>
  {% for option in options %}
    <input type="radio" name="radioInput" value="{{ option.value }}">
    <label>{{ option.label }}</label><br>
  {% endfor %}
</form>

const jsonData = {
  options: [
    { value: "option1", label: "Option 1" },
    { value: "option2", label: "Option 2" },
    { value: "option3", label: "Option 3" }
  ]
};

const template = document.getElementById("formTemplate").innerHTML;
const renderedHTML = nunjucks.renderString(template, jsonData);

document.getElementById("formContainer").innerHTML = renderedHTML;