请检查此代码:http://jsfiddle.net/Hce8y/
我正在尝试生成分组复选框的列表:
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();
}
当更改输入中的文本时,但结果看起来不像演示。
是否有任何错误,感谢任何帮助。
最佳答案
您必须调用这两种方法:
$('input[type=checkbox]').checkboxradio();
$('fieldset').controlgroup();
更改其子元素后调用 fieldcontain() 不会改变任何内容。至少我没看出任何差异。
关于javascript - 使用 javascript 生成分组复选框 JQuery mobile,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13028511/