ベースの背景画像と 2 つのチェックボックスがあります。どのチェックボックスが選択されているかに応じて、背景画像を(トグルクラスを介して)正しいクラスに置き換える必要があります。両方のチェックボックスが選択されている場合、黒の背景を表示する必要があります。
$('#ax_lab').change(function () {
if ($('#ax_ov').is(':checked')) {
$('.axial').toggleClass('axial_all');
} else{
$('.axial').toggleClass('axial_lab');
}
});
$('#ax_ov').change(function () {
if ($('#ax_lab').is(':checked')) {
$('.axial').toggleClass('axial_all');
} else{
$('.axial').toggleClass('axial_over');
}
});
私のフィドルは、同じ順序で選択および選択解除すると完全に機能しますが、チェックボックスを選択した順序とは異なる順序で選択解除すると、デフォルトで元のクラスに戻りません。私の論理に欠陥があるに違いないことはわかっていますが、それを見つけるのに苦労しています。何かご意見は?