使用移动外观创建jquery动态复选框

时间:2012-02-21 19:39:54

标签: jquery dynamic mobile checkbox styles

我在移动应用程序中,我想创建一个复选框列表。为此,我使用以下代码

for (i = 0; i < len; i += 1) {
    row = resultflatname.rows.item(i);
    if (row.receiptno == 0){
        items.push('<input type="checkbox" name="code_'+ i +'" id="code_'+ i +'" value="' + row.amount + '" previous="' + row.pastpayments + '" barcode="' + row.barcode + '" todayp="' + row.todaypayments + '"/><label for="code_'+ i +'">' + row.period +'..........'+ row.amount+'</label>');
    } else {
    if ((row.receiptno > 0) && (row.amount > row.todaypayments + row.pastpayments)){
        items.push('<input type="checkbox" name="code_'+ i +'" id="code_'+ i +'" value="' + row.amount + '" previous="' + row.pastpayments + '" barcode="' + row.barcode + '" todayp="' + row.todaypayments + '"/><label for="code_'+ i +'">' + row.period +'..........'+ row.amount+'</label>');
    }
}

list.html('<fieldset data-role="controlgroup">' + items.join('') + '</fieldset>');

和我的HTML

<div id="Code" data-role="fieldcontain">
</div>

如何刷新它以便用移动样式设置样式???

1 个答案:

答案 0 :(得分:0)

根据以下jQuery Mobile blog post,您可以触发页面创建事件,以“立即轻松增强所有小部件”。

$(".ui-page").trigger("create");