基本购物车 - 为什么我的单选按钮状态引用不正确？

Question

我有一个用 jQuery 构建的非常简单的“购物车”。 （全部在一页上）。 您可以通过选中复选框来添加项目，并通过取消选中复选框来删除它们。但是复选框的状态没有被正确引用，因此我无法输入下面 if else 语句的“添加到购物车”部分：

$('#coreSetM').click(function()
{ 
    // Get the value of radio button
    var theMValue = $(this).attr("value");
    var theMPackage = $(this).attr("id");
    var theChecked = $(this).is(':checked');

    console.log("Value:"+theMValue+"\nPackage:"+theMPackage+"\nCheck Value:"+theChecked);

    if(theChecked==="false")
    {
        alert("False: "+theChecked);
        //do some add to cart stuff here with innerHTML
    }
    else
    {
        alert("True: "+theChecked)
        //do some remove from cart stuff here with innerHTML
    }
});

尽管控制台记录了以下内容：-

Value:118
Package:coreSetM
Check Value:false 

Value:118
Package:coreSetM
Check Value:true

它永远不会进入循环的第一部分......我不知道为什么，因为 theChecked 的值为“false”。 （在控制台输出中确定。）这是为什么？

Answer 1

缺少一个结束)

编辑：您正在使用 theChecked === 'false' 将布尔值与字符串进行比较。切换到theChecked === false，你应该没问题

更新小提琴：https://jsfiddle.net/t6rfwbaf/

Answer 2

Triple-equal 是一种强比较，它也比较变量的类型。在您的代码中，您将布尔值与字符串进行比较。 Yuor if 语句将始终导致false

就这样做吧：

if(!theChecked)
{
    alert("False: "+theChecked);
    //do some add to cart stuff here with innerHTML
}
else
{
    alert("True: "+theChecked)
    //do some remove from cart stuff here with innerHTML
}