カスタムチェックボックス画像のあるdivがあります。形になっています。クリックすると、画像が「クリックされた画像」に変わります。また、フォームに送信されるチェックボックス入力の値を調整します。問題は、「実際の」チェックボックスの値がチェックされているように見えても、常にチェックされていないものとして送信されることです。
if (fakeCheck.hasClass('btn-palette-checkbox')) {
fakeCheck.removeClass('btn-palette-checkbox');
fakeCheck.addClass('btn-palette-checkbox-unchecked');
$("#realCheck").attr("checked", false);
}
else {
fakeCheck.addClass('btn-palette-checkbox');
fakeCheck.removeClass('btn-palette-checkbox-unchecked');
$("#realCheck").attr("checked", true);
}
編集:参考までに、実際のチェックボックスは非表示になっています