使用javascript生成分组复选框JQuery mobile

请检查此代码：

我正在尝试生成分组复选框列表：

function ItemCode_Changed(sender, onload) {
$('#category-contianer-id-3').append(
        '<div data-role="fieldcontain">'
             + '<fieldset data-role="controlgroup">'
                + '<legend>Choose as many:</legend>'
                + '<input type="checkbox" name="checkbox-1a" id="checkbox-1a" class="custom" />'
                + '<label for="checkbox-1a">Cheetos</label>'
                + '<input type="checkbox" name="checkbox-2a" id="checkbox-2a" class="custom" />'
                + '<label for="checkbox-2a">Doritos</label>'                    
                + '<input type="checkbox" name="checkbox-3a" id="checkbox-3a" class="custom" />'
                + '<label for="checkbox-3a">Fritos</label>'
                + '<input type="checkbox" name="checkbox-4a" id="checkbox-4a" class="custom" />'
                + '<label for="checkbox-4a">Sun Chips</label>'
            + '</fieldset>'
        + '</div>');

$('#category-contianer-id-3 [data-role="fieldcontain"]').fieldcontain();
    $('#category-contianer-id-3 [data-role="fieldcontain"]').fieldcontain('refresh');

    $("#category-contianer-id-3 input[type='checkbox']").checkboxradio();
$("#category-contianer-id-3 input[type='checkbox']").checkboxradio('refresh');
//$('#my-home').page();

}

---

当更改输入中的文本时，但结果与演示不一样

---

如果有任何错误，欢迎提供帮助。

嘿，你为什么不把代码放在HTML中，当用户单击“附加内容”按钮时，div就会出现

<div id="category-contianer-id-3" style="display:none">
<div data-role="fieldcontain">
    <fieldset data-role="controlgroup">
        <legend>Choose as many:</legend>
        <input type='checkbox' name='checkbox-1a' id='checkbox-1a' class='custom' />
        <label for='checkbox-1a'>Cheetos</label>
       <input type='checkbox' name='checkbox-2a' id='checkbox-2a' class='custom' />
        <label for='checkbox-2a'>Doritos</label>
    </fieldset>
</div>

看看我制作的演示，也许会对你有所帮助。

---

您必须调用这两种方法：

---

更改其子元素后调用fieldcontain不会更改任何内容。至少我看不到任何差异。

结果与演示不一样。。。什么样的演示？在jQuery Mobile上，中间没有复选框的拐角，只有最后一个和第一个，这是使用Onchange事件的原因吗？我宁愿使用keyup并可能过滤输入字段的当前结果，以查看我们是否已经可以继续。这将在用户键入时立即显示结果，并且不会强制用户先单击外部以使更改生效。事实上，我必须在你的例子中找到答案。起初我无法生成列表：@Zim84在回到我的示例后，我遇到了两个问题：，但实际上我在我的应用程序中没有使用此事件，当用户从combo Box中选择时，我通过调用Ajax在javascript方法中生成列表感谢您的重播，但我应该使用javascript加载列表，因为我根据一些输入值获取选项，然后在构建listComplex问题后使用Json转到服务器，我似乎不明白。

 $('#category-contianer-id-3').show();

$('input[type=checkbox]').checkboxradio();
$('fieldset').controlgroup();