0

ユーザーがWebページの背景画像をカスタマイズできるようにするHTMLをゲームWebページに挿入する単純なChrome拡張機能があります。setlocalstorage を使用して画像の URL を保存し、ゲームに戻ったときにカスタム背景画像がまだ存在するようにします。画像をブラウザー ウィンドウの幅に合わせる CSS をいくつか含めました。これはほとんどのユーザーを満足させますが、幅の一致機能をオフにするように要求するユーザーがいくつかいます. 私がやりたいのは、ユーザーが幅調整をオフにできるようにするチェックボックスを追加することです。

「ボックスがチェックされている場合、このクラスをbodyタグに適用する」ようなことを考えていますが、理解できないようです。

誰かがこれを達成する方法を教えてくれたら、本当に感謝しています!

4

5 に答える 5

3

チェックボックス要素の「checked」の値をチェックし、クラスを追加/削除する onchange イベントリスナーをチェックボックスにアタッチします。

yourCheckboxElement.addEventListener('change', function(e){
    document.body.classList[this.checked ? "add" : "remove"]("someClass");
    /* save value of this.checked to localStorage here */
});

jsFiddle の例: http://jsfiddle.net/8RC2m/1/

于 2013-06-05T14:08:05.690 に答える