0

私は以下のコードを持っています、そして私は2番目にクリックされたときにデフォルトの入力タイプボタンを持ちたいです

        $(function () {
            $('.inputbutton').on('click', function (e) {
                e.preventDefault();
                $(this).css("background-color", "gray");                    
            });
        });
4

1 に答える 1

4

私が理解しているように、クリックしたときに追加したインライン CSS を削除したいだけですか?

外部スタイルシートを介してボタンとスタイルのクラスを切り替えてみませんか?

$(function () {
    $('.inputbutton').on('click', function (e) {
        e.preventDefault();
        $(this).toggleClass('is-highlighted');
    });
});

あなたのCSSではもちろん、それに応じてクラスをスタイルする必要があります

.is-highlighted {
    background-color: gray;
}

「javascript を介して追加されたインライン スタイル」ソリューションに本当に固執したい場合は、スタイル属性が設定されているかどうかを確認し、設定されている場合は.removeAttr()を使用して削除します

私の意見では、スタイルは javascript ファイルではなくスタイルシートに属します。（もちろん、この規則には例外があります）

于 2012-10-31T14:42:37.080 に答える