如何刷新jquery移动复选框主题?

时间:2012-07-04 15:39:56

标签: javascript jquery jquery-mobile cordova

我有一个从数据库中动态填充的组合框列表。

HTML:

<div data-role="fieldcontain" id="WeekDays">
<fieldset id ="WeekDaysFieldSet" data-role="controlgroup">

Javascript:

var len = results.rows.length;
$("#WeekDaysFieldSet").empty();
for (var i=0; i<len; i++)
{
    $("#WeekDaysFieldSet").append('<input type="checkbox" name="'+ results.rows.item(i).DayName + '"  CheckboxId="'+results.rows.item(i).id+'" class="custom"/><label for="'+results.rows.item(i).DayName+'" >'+results.rows.item(i).DayName+'</label>'); 
}

当我在函数后添加此行时,没有任何反应,只检查了所有复选框,但未添加主题。

    $("input[type='checkbox']:first").attr("checked",true).checkboxradio("refresh");

是否有特定的地方需要添加刷新线?

2 个答案:

答案 0 :(得分:2)

我有类似的解决方案:

$("#group").append('<fieldset data-role="controlgroup">'
    +'<input type="checkbox" id="cb1" /><label for="cb1">text</label>'
    +'<input type="checkbox" id="cb2" /><label for="cb2">More text</label></fieldset>'
    )
    .trigger("create");


$("#check").click(function(){
    $("input[type='checkbox']:first").attr("checked",true).checkboxradio("refresh");
});

检查演示:http://jsfiddle.net/dhavaln/jzGv5/

答案 1 :(得分:0)

您可以使用添加新类来应用新类

$("input[type='checkbox']:first").attr("checked",true).addClass('refresh');