変数がチェックボックス条件の値を変更しない

Question

このセクションでは、チェックボックスを使用してエキストラを選択し、次のステップに進むと、選択肢をcheckout[itemname]という名前で表示します。チェックボックスをオンにすると、変数がfalseからtrueに変更されますが、私のコードではそのようには見えません。

ここでは、ユーザーが追加のリストから「ネクタイ」を選択した例のセクションを示します。

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

<div class="three columns bear"> 
 
    <h3>Matching Tartan Scarf (£2.50)</h3> 
 
    <label> 
 
    <input type="checkbox" autocomplete="off" name="scarf" id="scarf" value="2.5" /> 
 
    <img src="Images/Scarft.png"> 
 
    </label> 
 
    <p>Personalise your bear with a matching tartan scarf. It gets cold up here in Scotland, and this is the best way to keep your bear warm.</p> 
 
</div> 
 

 
<div id="checkoutnecktie"></div>

すべてのアイデア、なぜこのコードが正常に実行されていませんか？

Answer 1

ifステートメントに==の代わりに=を使用しているところから問題が発生します。

また、存在しない要素のHTML値を設定しようとしています。 document.getElementById("checkoutnecktie").innerHTML = "Neck Tie";

"checkoutnecktie"を存在する要素IDに変更する必要があります。

Answer 2

イベントをチェックボックスにフックする必要があります。 あなたはとても

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

また、他の回答の状態などのようにjQueryを使ってこれを行うことができ、存在する要素にテキストを設定します。