变量不会改变复选框条件的值

Question

此部分使用复选框选择您的附加内容，一旦选中，您将进入下一步，它将在名为ion-title, ion-buttons { vertical-align: middle } 的标题中显示您的选择。选中复选框后，它会将变量从checkout[itemname]更改为false，但我的代码似乎没有这样做。

我将展示用户从附加列表中选择“领带”的示例部分。

true

var hasNeckTie = false;
if (hasNeckTie = true) {
  document.getElementById("checkoutnecktie").innerHTML = "Neck Tie";
}

为什么此代码运行不正常的任何想法？

Answer 1

您的问题从您==声明中使用=而不是if开始。

您还尝试设置不存在的元素的HTML值。 document.getElementById("checkoutnecktie").innerHTML = "Neck Tie";

您需要将"checkoutnecktie"更改为存在的元素ID。

Answer 2

您需要将事件挂钩到复选框。 您可以使用jQuery这样做

$('#scarf').change(function(){
    if($(this).is(":checked")) {
        $('#checkoutnecktie').text('Neck tie');
    }
}

与其他答案状态一样，将文本设置为存在的元素。