Question

我已将单选按钮嵌入到HTML格式的表中。

<tr>
      <td>
        <div class="radio radio-info">
          <input type="radio" name="survey1" id="radio1" value="1">
          <label></label>
        </div>
      </td>
      <td>
        <div class="radio radio-info">
          <input type="radio" name="survey1" id="radio2" value="2">
          <label></label>
        </div>
      </td>
      <td>
        <div class="radio radio-info">
          <input type="radio" name="survey1" id="radio3" value="3">
          <label></label>
        </div>
      </td>
      <td>
        <div class="radio radio-info">
          <input type="radio" name="survey1" id="radio4" value="4">
          <label></label>
        </div>
      </td>
</tr>

当然，只有一行有点简单，但如果表中有100行怎么办？（在所有行中，上面的代码（单选按钮）应该被完全复制）...有关在JS中执行此操作的任何想法吗？

Answer 1

由于您已经更新了问题以接受基于JS的答案，因此这是一种快速但极其简单的方法来处理您的请求：声明要插入的无线电元素的数量，然后构造一个追加新{{1元素到特定的表行：

<input type="radio">

var counts = 100;
for (var i = 0; i < counts; i++) {
  document.getElementById('radio').innerHTML += '<td><div class="radio radio-info"><input type="radio" name="survey1" id="radio'+(i+1)+'" value="'+(i+1)+'"><label></label></div></td>';
  }

如何在html中插入许多单选按钮？

1 个答案: