JQuery 移动复选框显示不正确
JQuery Mobile checkbox not displaying correctly
从 HTML5 数据库 table 分配值后。所有值都正确显示,但复选框,我正在分配值 "true" 或 "false".
function loadDTValues(v1) {
db.transaction(function (tx) {
tx.executeSql('SELECT * FROM CourseDataTable', [], function (tx, results) {
$('#coursemenu').val(results.rows.item(v1).t_coursemenu).change();
$('#checkbox1_2').val(results.rows.item(v1).t_checkbox1_2).selectmenu('refresh');
$('#functionmenu').val(results.rows.item(v1).t_functionmenu).change();
$('#startdate').val(results.rows.item(v1).t_startdate);
$('#enddate').val(results.rows.item(v1).t_enddate);
$('#courselocation').val(results.rows.item(v1).t_courselocation).change();
$('#courseteacher').val(results.rows.item(v1).t_courseteacher).change();
$('#comment').val(results.rows.item(v1).t_comment);
$('#dt_id').val(results.rows.item(v1).t_id);
});
});
};
对于复选框,您应该将选中的 属性 设置为非 val,然后刷新 checkboxradio 小部件(不是 selectmenu):
$("#checkbox1_2").prop( "checked", true ).checkboxradio( "refresh" );
从 HTML5 数据库 table 分配值后。所有值都正确显示,但复选框,我正在分配值 "true" 或 "false".
function loadDTValues(v1) {
db.transaction(function (tx) {
tx.executeSql('SELECT * FROM CourseDataTable', [], function (tx, results) {
$('#coursemenu').val(results.rows.item(v1).t_coursemenu).change();
$('#checkbox1_2').val(results.rows.item(v1).t_checkbox1_2).selectmenu('refresh');
$('#functionmenu').val(results.rows.item(v1).t_functionmenu).change();
$('#startdate').val(results.rows.item(v1).t_startdate);
$('#enddate').val(results.rows.item(v1).t_enddate);
$('#courselocation').val(results.rows.item(v1).t_courselocation).change();
$('#courseteacher').val(results.rows.item(v1).t_courseteacher).change();
$('#comment').val(results.rows.item(v1).t_comment);
$('#dt_id').val(results.rows.item(v1).t_id);
});
});
};
对于复选框,您应该将选中的 属性 设置为非 val,然后刷新 checkboxradio 小部件(不是 selectmenu):
$("#checkbox1_2").prop( "checked", true ).checkboxradio( "refresh" );