Question

在jquery mobile中，我为产品创建了一个单独的页面。它是通过带有phonegap的查询Local Sq-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");
}

Answer 1

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

单击复选框单击选择Jquery mobile中的所有复选框

1 个答案: