私はあちこちを調べて、多くの同様のスレッドを見つけましたが、この特定の状況で私が助けてくれたことに実際に答えたものはありませんでした.
チェックボックスの行があり、その後ろに絶対に配置された div があります。チェックボックスをオンにして、背景の幅を変更して、進行状況バーのように見せたいです。
https://www.dropbox.com/s/f280wpa3bovlipq/unchecked.png https://www.dropbox.com/s/r8gt9jmvhi6d4t0/checked.png
私はjQueryに非常に慣れていません。css を jQuery で変更する方法を知っています。
$('.workflow-progress').css('background-size', "33% 39px");
しかし、チェックボックスのステータスに基づいてcssを変更する方法をつなぎ合わせるのに苦労しています。また、最初の 2 つよりも前に 3 つ目のボックスがチェックされている場合は、最初の 2 つが自動的にチェックされるようにしたいのですが、それは別の日に問題になる可能性があります。