html+javascriptで、前回実行時の変数の値を取得する方法や、変数値を初期化させない方法があれば教えてください
下記のような処理で、A,B,Cを選択できるラジオボタンを作成し、操作されたらonchangeでjavascriptを呼び出しています。
HTML
<div class="buttons" onchange="calc()">
<input type="radio" name="item" value="A">A
<input type="radio" name="item" value="B">B
<input type="radio" name="item" value="C">C
</div>
JavaScript
switch (document.form1.item.value) {
case 'A': price=10; break;
case 'B': price=20; break;
case 'C': price=30; break;
}
ページ作成依頼者より「一度Cが選択された後、AまたはBに戻された時だけメッセージを表示してほしい」と言われ、悩んでいます。
イメージとしては、jsでラジオボタンの位置を保持しておき、その値を参照して処理しようと思っていますが、うまくいきません。
jsのこの処理の後にtemp_priceに値を保存し、この処理の前でその値を参照して処理しようと
if ( temp_price == 30 ){ /*ここに前回Cが選択されていた時の処理を記述*/ }
switch (document.form1.item.value) {
case 'A': price=10; break;
case 'B': price=20; break;
case 'C': price=30; break;
}
temp_price = price;
こんな感じにすれば実現できるかと思ったのですがうまくいきません。
デベロッパーツールで確認すると、「if~」の行の時点でtemp_priceが常にundefinedになってしまいます。(初回実行時にundefinedなのは想定していましたが、2回目以降は10,20,30のいずれかが入ってくるつもりでコーディングしました)
JavaScriptで、「前回実行時の変数の値を取得する方法」あるいは「複数回呼び出されても、変数を初期化させない方法」などありましたら、ご教示お願いいたします。