通过动态文本插入获取单选按钮

Question

我正在构建一个由单选按钮组成的表单。我在单选按钮旁边的测试是动态的，这意味着它正在从基于用户输入的sql数据库中加载。我使用jQuery将测试插入到HTML中，但是当我这样做时，jQuery Mobile GUI停止正常工作。问题是什么。这是代码。

HTML文件：

<input class="optionsBox" type='radio' name='answer' id="option-1" checked="checked"> 
<label for="option-1" id="option-label-1"></label> 

记住有id为的是选项2，选项3，等和选项标签-2，选项标签-3等，这些输入和标签标记的五个为什么Javascript中有for循环。

JavaScript文件：

for(rowNum=1; rowNum <= 5; rowNum++) { 
    $("#option-"+rowNum).val(options[rowNum]); 
    $("#option-label-"+rowNum).text(options[rowNum]); 
} 

现在的问题是，jQuery Mobile的单选按钮消失，只有文字仍然存在。这是为什么发生？

Answer 1

我找到了解决方法。您可以使用jQuery网格功能来获取同一行中的两个项目。 http://view.jquerymobile.com/1.3.0/docs/widgets/grids/。

我做了一个两列和五行的网格。一列用于单选按钮，另一列用于答案。行在那里分开单选按钮和答案。