从数据库中检索值时未选中 Jquery 移动复选框

Question

在我的 phonegap 应用程序中，我使用 jquery mobile。当retrieve the value from my DB 正确填写其他字段时（textbox values are filled correctly）工作except checkbox。我的问题是当DB returns true or false 是no changes in my checkbox 时。我在这个问题上苦苦挣扎了两天，有人建议解决这个问题的解决方案..

我的编码是这样的：

 if (results.rows.item(0).checkbox1 == true) 
     $("#checkbox1").attr('checked', 'checked');
 else $("#checkbox1").removeAttr('checked');

也试过这个：

//$('#checkbox1').prop('checked', true).checkboxradio('refresh');
 //$("input[id='checkbox1']").attr("checked",results.rows.item(0).checkbox1).checkboxradio("refresh");

已解决： 喜欢

if (results.rows.item(0).checkbox1 === 'true') 
     $("#checkbox1").attr('checked', 'checked');
 else $("#checkbox1").removeAttr('checked');

Answer 1

试试这个：

var dbValue = (results.rows.item(0).checkbox1 === true);
$('#checkbox1').prop('checked', dbValue);

请注意第一行中的 ===。如果您的 DB 返回值类似于 1 或字符串“true”，请明确检查。

Answer 2

在 jQuery Mobile 中为表单元素动态设置值后，您必须进行刷新。

对于您的情况，方法是：

document.addEventListener('deviceready', function() {
    var a= true;
    alert("hi");
    if(a == true) {
       $("#checkbox1").attr("checked",true);
       $("#checkbox2").attr("checked",true);
    } else {
      $("#checkbox1").removeAttr('checked');
      $("#checkbox2").removeAttr('checked');
    }

    $("#checkbox1").attr("checked",true).checkboxradio("refresh");
}, false);