Javascript HTML单选按钮表需要动态构建

我为一个页面做了一些重新分解，在那个页面中我有一堆单选按钮组。单选按钮的数据来自数据库，有时来自缓存层

我可能会有近100个单选按钮。我需要把它们排成5列20行

数据填充通过arraylist进行。我正在考虑将这个arraylist转换成json，然后使用它以HTML表格格式显示单选按钮

我知道有很多用于构建表的插件，但是它们不能满足我的要求。我如何动态地用我的数据构建5行10列的表呢

差不多

<tr>
<td>radio1</td>
<td>radio2</td>


<td>radio10</td>
</tr>
<tr>
<td>radio11</td>
<td>radio12</td>

<td>radio20</td>

无线电1
无线电2
无线电10
无线电11
无线电12
无线电20

这里需要注意的是，我事先不知道我将为该表获得多少数据。 欣赏一些想法

循环遍历JSON对象

使用mod（“%”）每十项追加一个新的tr

将td项目（含内容）输出到最后添加的tr

如果您使用的是jQuery，请尝试以下操作：

var holderDiv = $('#myDivId');
var i = 0;
var myData = jQuery.parseJSON(response);
$.each(myData, function(key,value) {
  if(i == 0 || i == i%10){
    holderDiv.append('<tr>');
  }
  holderDiv.find('tr:last-child').append('<td>' + value + '</td>');
  i++;
} 

var holderDiv=$（'#myDivId'）；
var i=0；
var myData=jQuery.parseJSON（响应）；
$.each（myData、函数（键、值）{
如果（i==0 | | i==i%10）{
holderDiv.附加（“”）；
}
holderDiv.find（'tr:last child'）。append（''+value+''）；
i++；
} 

Simple正在JSON数组中循环，并通过jQuery函数构建HTML，如append（“此处的一些HTML”）。或者您可以查看jQuery模板。我不需要计算数组中的项目。例如，前10个项目应该在第一行，后10个项目应该在第二行，就像wise一样。@KiranBadi看一看。也许这会给您一个如何做的线索。@KiranBadi和一维数组。我有一些数据，比如var data=['radio1'，'radio2'…'radio100']因此这里需要一些数学知识，我想在你的答案中变量

I

总是等于

0

，你知道，…还有

find（'tr:last child'）

是不正确的（顺便说一句，是多余的）。