0

以前、チェックボックスを localStorage に保存できるかどうかを尋ねたところ、同様の質問をしましたが、最近、jStorage と呼ばれる jQuery の一部について知りました。それを使用して、作成したチェックボックスのペアを保存できるかどうか疑問に思っていました。私のウェブアプリで?

HTML コードは次のとおりです (チェックボックス用)。

<li style = 'color: #FFFFFF;'>Notifications<span class = 'toggle'><input type = 'checkbox' class = 'toggle' name = 'notifications' id = 'notifications' /></span></li>
<li style = 'color: #FFFFFF;'>Preview<span class = 'toggle'><input type = 'checkbox' class = 'toggle' name = 'preview' id = 'preview' checked = "true" /></span></li>

これらのチェックボックスの状態を保存するための JavaScript コードはまだありませんが、.js ファイルにはsaveSettingsloadSettingsの 2 つの関数があります。チェックボックスの状態を保存し、ユーザーが Web アプリを再表示したときにページに再度読み込む方法がある場合は、教えてください。ただし、必要に応じて新しい関数を作成することもできます。どのオプションか教えてください。あなたは私に話しています:)

編集

私の saveSettings 関数は(これまでのところ)そのようにコーディングされています。

  function saveSettings(){ 

localStorage.name = $('#name').val();   
localStorage.email = $('#email').val(); 
localStorage.telephone = $('#telephone').val(); 

localStorage.other = $('#other').val(); 

jQT.goBack(); 

return false;  

 }

私のloadSettings関数はそのようにコーディングされています。

 function loadSettings() {

$('#name').val(localStorage.name);
$('#email').val(localStorage.email);
$('#telephone').val(localStorage.telephone);

$('#other').val(localStorage.other);

 }

編集の終わり

よろしくお願いします - どんな助けでも大歓迎です xxx

4

2 に答える 2

0

saveSettings 関数で、以下を追加します。

$.jStorage.set("notifications",$('#notifications').attr('checked'));
$.jStorage.set("preview",$('#preview').attr('checked'));

loadSettings 関数で、以下を追加します。

    $.jStorage.get("notifications")?$('#notifications').attr('checked',$.jStorage.get("notifications")):false;
    $.jStorage.get("preview")?$('#preview').attr('checked',$.jStorage.get("preview")):true;

loadSettings () および saveSettings() コード関数がないため、これ以上お手伝いできません。

また、プラグイン仕様は使用しないでください:

jStorage は、使用可能な HTML5 ローカル ストレージと、Internet Explorer の古いバージョンでの userData の動作を利用します。

ブラウザがデータ キャッシングをサポートしていない場合、例外は発生しません。jStorage はスクリプトで引き続き使用できますが、実際には何も保存されません。

于 2012-10-17T13:31:35.850 に答える
0

少し簡単な解決策:

保存する

$.jsStorage.set('milk', $('.milk').prop('checked'));

取得するには:

$('.milk').prop('checked',$.jsStorage.get('milk')==='true');

あなたのチェックボックスは

<input type="checkbox" class="milk" name="option1" value="Milk">
于 2012-10-17T16:31:53.140 に答える