jquery - 第二次点击输入类型按钮jquery

Question

我有下面的代码，我想在第二次点击时有默认的输入类型按钮

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

Answer 1

据我了解，您只想删除单击时添加的内联 CSS？

为什么不通过外部样式表切换按钮和样式上的类？

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

当然，在你的 CSS 中，你必须相应地设置类的样式

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

如果您真的想坚持使用“通过 javascript 添加的内联样式”解决方案，只需检查 style 属性是否已设置，如果是，请使用.removeAttr()将其删除

在我看来，样式属于样式表而不是 javascript 文件。（当然这条规则也有例外）