javascript - 使单选按钮与动态文本插入一致

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 为 option2、option3 等以及 option-label-2、option-label-3 等。这就是 JavaScript 中有 for 循环的原因。

JAVASCRIPT 文件：

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

现在的问题是 jQuery Mobile 单选按钮消失了，只剩下文本了。为什么会这样？

score 0 · Accepted Answer

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

我做了一个两列五行的网格。一列是单选按钮，另一列是答案。这些行用于分隔单选按钮和答案。

1 回答 1