0

したがって、page1.html では、クリックされたチェックボックスを追跡します。

var checked = [];
$('input[type=checkbox]').on("click", function() {
    if($(this).is(":checked")) {
     checked.push($(this).val());
    }
}

最終的に、ユーザーは送信ボタンをクリックして page2.html に移動できます。したがって、「Apple」、「Bannana」のチェックボックスがチェックされている場合、次のページでは Apple と Banana がチェックされていることがわかります。ただし、ユーザーが戻るボタンをクリックすると...

ページ自体では、「Apple」と「Banana」がチェックされていることがわかります...しかし、ユーザーが「Peach」をチェックすると....チェックされた配列には「Peach」のみが含まれ、「Apple」と「Banana」は含まれないように見えます"。ユーザーが戻るボタンを押して「Peach」をチェックすると、「チェック済み」の配列に「Apple」「Banana」と「Peach」が含まれるように、「Apple」と「Banana」を追跡するために使用できる構文はありますか?

4

1 に答える 1

0

あなたが言及した動作をするブラウザーの大ファンではありませんが、ページが読み込まれたときに各チェックボックスのステータスを確認することも検討してください。

$(function() {
  var checked = [];

  function addToChecked() {
    if ($(this).is(":checked")) {
      checked.push($(this).val());
    }
  }

  $("input:checkbox")
      .each(addToChecked)
      .on("click", addToChecked);
});

このコードは、値を にのみ追加できることを意味することに注意してくださいchecked。対応するチェックボックスがオフになっている場合は、値を削除するロジックを追加する必要があります。

于 2013-06-20T22:02:21.730 に答える