1

チェックボックスの表示と実際のチェックボックスの非表示にカスタム画像を使用しています。私のフォームには2つの部分があるので、チェックボックスを選択してからフォームの次の部分/ページに移動し、ブラウザの戻るボタンをクリックすると、非表示のチェックボックスは選択されたままですが、画像/クラスがリセットされるため、チェックボックスが選択されていないように見えます。

var $checkStyle    = $('<span class="check-style"></span>'),
    $product       = $('.productBox'),
    $checkBox      = $('#webform-client-form-18070 .form-checkbox');

    $checkBox.hide();
    $checkStyle.appendTo('.selectCheck');

    $product.click(function(){
        var $this        = $(this),
            $checkSingle = $this.find('.check-style'),
            $checkbox    = $this.find(':checkbox');

        $checkSingle.toggleClass('check-style-selected');
        $checkbox.attr('checked', !$checkbox.attr('checked'));
});

.check-style-selectedクラスは、チェックされたチェックボックスの画像を表示するものです。ブラウザの戻るボタンがクリックされたときに、そのクラスを要素に保持するにはどうすればよいですか？

ありがとう。

4

1 に答える 1

1

なぜだめですか：

$(":checkbox").each(function(){
    if ($(this).is(":checked") { 
       $(this).addClass("checked")
   } else { $(this).addClass("unchecked") }
})
于 2012-05-16T11:14:58.483 に答える