ブール値またはintを格納し、ページがロードされた後にその値をチェック/変更する

Question

ブール値をfalseに変更できるように、ページがロードされた後にチェックできるブール値またはint値を格納しようとしています。ページが読み込まれた後（aリンク経由）。

私はあなたがページ上でこのように隠しテキストや隠しラジオボタンを置くことができます知っているが、厥本当に醜い...

私はまた、HTML 5のクライアント側のストレージを使用して考えていました。

stopOnMouseOut = true; 

    var stopSoundsVar = document.getElementById("stop_sounds"); 
    stopSoundsVar.onclick = function() { 
     // toggle boolean 
     if (stopOnMouseOut == true) { 
      stopOnMouseOut = false; 
     }else { 
      stopOnMouseOut = true; 
     } 
     //alert(stopOnMouseOut); 
     return false; 
    } 

はやっ向けた任意のベストプラクティスはあります...
しかし、私はそれは常にtrueを返しますスクリプトの後半でstopOnMouseOutをチェックするとき、明らかにこれは動作しません：

は、これまでのところ私はこれを持っていますこの？

Answer 1

あなたはあなたの質問で述べたように、あなたがのlocalStorage（ブラウザの負荷に永続的）またはのsessionStorageを（使用できる唯一の持続ました新しいウィンドウは新しいセッションです）。

localStorage.key = "value"; 

あなたはDOMストレージの唯一の店舗の文字列をすることができますので、あなたは、あなたが戻って"true"として、あるいは"false"だけではなくて取り出すブール値を比較する必要がある場合がありますlocalStrorage（またはのsessionStorage）を使用して

は同様に簡単ですtrueまたはfalse。また、データをJSONに変換し、JSONを解析して戻すこともできます。 localStorageと

セーブデータ：http://hacks.mozilla.org/2009/06/localstorage/

互換性：http://dev-test.nemikor.com/web-storage/support-test/

Answer 2

あなたは条件を少し簡略化することができます：

var stopOnMouseOut = true, 
    stopSoundsVar = document.getElementById("stop_sounds"); 

stopSoundsVar.onclick = function() { 
    stopOnMouseOut = !stopOnMouseOut; 
    return false; 
} 

はデモ：http://jsfiddle.net/bHmyj/