用for循环渲染radio
时间: 2023-10-27 18:15:18 浏览: 57
用js的for循环获取radio选中的值
可以使用以下代码来用 for 循环渲染 radio:
```
for (let i = 0; i < options.length; i++) {
const option = options[i];
const radio = document.createElement("input");
radio.setAttribute("type", "radio");
radio.setAttribute("name", "option");
radio.setAttribute("value", option.value);
const label = document.createElement("label");
label.innerHTML = option.label;
const container = document.createElement("div");
container.appendChild(radio);
container.appendChild(label);
document.body.appendChild(container);
}
```
其中 `options` 是一个数组,它包含了每个 radio 的 label 和 value。这个代码会依次创建每个 radio,并且将其添加到页面中。每个 radio 都有相同的 `name` 属性,这意味着它们是一组,只能选择其中的一个。`value` 属性表示这个 radio 的值,在表单提交时会一起提交。
阅读全文