-1

jspにボタンが1つあり、そのボタンをクリックすると、jqueryダイアログボックスがポップアップとして表示され、いくつかのチェックボックスがあります。そのポップアップには、保存とキャンセルの 2 つのボタンもあります。

チェックボックスの状態を復元したいと思います。理解を深めるために、以下の手順に従ってください

  1. ユーザーが jsp ページの showpop ボタンをクリックする
  2. ユーザーは、いくつかのチェックボックスを持つjqueryポップアップが表示されるようになりました
  3. ユーザーはポップアップの最初と 2 番目のチェックボックスをオンにし、保存ボタンをクリックしてポップアップを閉じます。
  4. ユーザーが再度ポップアップ表示ボタンをクリックし、最初のチェックボックスをオフにしてキャンセルボタンをクリックすると、ポップアップが閉じます
  5. そして今、メインjspから、ユーザーがポップアップ表示ボタンを再度クリックすると、2つのチェックボックスがチェックされているのに、1つのチェックボックスがチェックされていることを確認したいと思います。

どんな助けでも大歓迎です

4

1 に答える 1

4

変数を使用して、ページ上のチェックボックスのインデックスを次のように格納できます。

var checkedIndices = [];

保存またはキャンセルをクリックすると、次のようなコードを実行できます。

function SaveBoxes() {
    checkedIndices = [];

    $("input[type=checkbox]").each(function(index, checkbox) {
        if ($(checkbox).is(":checked")) 
            checkedIndices.push($(checkbox).index());
    });
}

function CancelBoxes() {
    $("input[type=checkbox]").removeAttr("checked");

    for (i = 0; i < checkedIndices.length; i++)
        $("input[type=checkbox]:eq(" + checkedIndices[i] + ")").attr("checked", "checked");
}
于 2012-09-18T03:45:48.383 に答える