0

在 jquery mobile 中，我为产品创建了一个单独的页面。它是从带有 phonegap 的查询 Local Sql-lite 数据库中动态加载的。下面的编码工作正常，并显示带有复选框的产品列表。但是，如果我单击一个复选框，则会选中所有复选框。屏幕上还会显示一些本机复选框。如何正确显示此复选框列表并在提交时获取选中的复选框值？

$('#productspage').live('pageinit',function(event){
    loadProducts();
});

// Load Products for Products page
function loadProducts()
{
    var db=window.openDatabase("salesorder", "1.0", "SalesOrder", 1048576);
    if(db!=null)
    {
        db.transaction(queryProductsTable, errorPT);
    }
    else
    {
        alert("table not exists");
    }
}


function queryProductsTable(tx)
{
    tx.executeSql('SELECT * FROM products', [], queryProductsSuccess, errorPT);
}

function errorPT(err) {
    alert("Error processing SQL: "+err.code);
}

//Query products and append to products_list
function queryProductsSuccess(tx, results) {
    var len = results.rows.length;
    $("#products_list").empty();
    for (var i=0; i<len; i++){
           var product_id=results.rows.item(i).productid; // Returns null
           var product_name=results.rows.item(i).productname;
           var product_price=results.rows.item(i).unit_price;
           var product_stock=results.rows.item(i).qtyinstock;
           $("#products_list").append("<input type='checkbox' name='products_check' id='"+product_id+"' value='"+product_name+"' price='"+product_price+"' stock='"+product_stock+"'  class='custom'><label for='"+product_id+"'>"+product_name+"</label>");
      }
      $("#products_list").trigger("create");
}
4

1 回答 1

1

您为每个复选框赋予了相同的名称。将行号附加到名称中，以便获得唯一名称。

于 2012-08-08T13:20:19.757 回答