javascript - 如何将复选框 id 分配给 phonegap 中的数据库？

Question

在这里我创建了一个这样的复选框

<input type="checkbox" id="checkAddress" onclick="checkAddress(this)"/>
function checkAddress(checkbox)
        {
            if (checkbox.checked)

           alert("a");
            }

        }

在这里我选中了复选框，如果选中，我想将复选框结果更新到数据库，所以我想将复选框 id 或值更新到数据库..我该怎么做？

Answer 1

您可以使用 checkbox.id 获取复选框的 ID：

function checkAddress(checkbox){
    if (checkbox.checked){
      alert(checkbox.id);
   }
}​

所以你可以执行这样的查询：

function checkAddress(checkbox){
    if (checkbox.checked){
        db.transaction(function(tx){
            tx.executeSql('INSERT INTO checkbox_ids (id) VALUES (\''+checkbox.id+'\')');
        }, errorCallback, successCallback);
   }
}​

其中 errorCallback 和 successCallback 是您的 phonegap 应用程序的预定义回调函数。

---

注意：一般来说，在onclick属性上分配回调不是最佳实践；相反，您应该使用更简化的事件侦听器。这样，您可以将所有代码放在一个地方。例如：

HTML：

<input type="checkbox" id="checkAddress" />

JavaScript：

document.getElementById("checkAddress").addEventListener("click", checkAddress, false);

function checkAddress(event){
    checkbox = event.target;
    if (checkbox.checked){
        db.transaction(function(tx){
            tx.executeSql('INSERT INTO checkbox_ids (id) VALUES ('+checkbox.id+')');
        }, errorCallback, successCallback);
   }
}​