jquery，嵌套 div 中的复选框 onclick 显示/隐藏提交

Question

我的页面在购物车系统中包含一系列 div。每个都是一个产品，在检查复选框时，如果有可用选项和/或在表单提交之前要确认的确认复选框，则保持按钮隐藏并显示一个带有另一个复选框的 div，当该复选框（如果存在）被选中时然后显示按钮。 每个 div 上的显示隐藏工作正常（现有代码），因此我尝试创建一个在该函数中为 onclick 事件调用的函数。

我的问题出现的地方是检查另一个复选框[在示例中显示为(tmpId ==“acknowledge”)]是否存在，并且在他们可以看到提交按钮之前也检查它，如果不显示提交按钮。这需要适用于他们点击 [ie("id= "+feeSID+"_checkbox")] 上第一个复选框的每个产品... $("#ocContainer") 是隐藏容器（带有提交），用于显示是否选中了正确的复选框..对于每个选定的产品。

每个 id 的第一部分是由 sql 查询生成并传递给函数的变量。 我的职能：

var feeSID = "";
var feeVAL = "";
var pop = "";

function countChecked(feeSID) {
    var n = $("input:checked").val();
    var tmpId = $(this).attr("name");
    if (tmpId == "acknowledge") {
        console.log("acknowledge Clicked <br />");
    } else {
        feeVAL = $(this).attr("id");
    }
    if (feeVAL == '') {
        return;
    } else {
        if ($("#" + feeSID + "_checkbox:checked")) {
            console.log("id= " + feeSID + "_checkbox");
            var pop = $("#" + feeSID + "_popup").length;
            if (pop > 0) {
                $(":checkbox").click(function () {
                    if (tmpId == "acknowledge") {
                        $("#ocContainer").show();
                    }
                });
            } else {
                $("#ocContainer").show();
            }
        }
    }
}

我希望我的解释很清楚。我收到以下错误：
未捕获的异常：语法错误，无法识别的表达式：#[object Object]_popup

Answer 1

我认为异常可能是由代码中的这一行引起的：

 var pop = $("#"+feeSID+"_popup").length;

在代码中的某个时刻，feeSID 被分配给一个对象。因此，您尝试使用对象而不是字符串作为选择器的一部分。在尝试将其用作选择器的一部分之前，您需要确保 FeeSID 是字符串而不是对象。

Answer 2

该错误是由于我尝试使用 Obj 作为选择器的一部分引起的。正如 Adam Prax 所指出的，

var pop = $("#"+feeSID+"_popup").length;

在我的代码中的某个时刻，feeSID 被分配给一个对象。我通过将变量或对象重新声明为字符串来解决这个问题，然后使用 new String(feeSID);
再次访问它
这解决了这个问题。我希望它对其他人有帮助，我在 google 上找到的所有内容都指向语法 @name="name" 的使用，这在 jQuery 中不再是有效的语法。