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添加的内联样式”解决方案，只需检查是否设置了样式属性，如果是，请使用.removeAttr()

删除它

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

第二次单击输入类型按钮jquery

1 个答案: