Question

我想改变点击按钮的颜色（绿色），如果我点击取消按钮我想要相同颜色的按钮（蓝色）..我正在使用MVC。我为该按钮创建了一个java脚本函数..我需要改变.. 这是我的功能

function addNewTransCode() {
    $('.trShow').removeClass("saveBg");
    $('.transHide').attr("style", 'display:none;');
    $('.transShow').attr("style", 'display:block;');

    $('#trAddTransCode').attr('style', 'display:table-row;');
}

这是该按钮的html代码 -

  <a href="javascript:addNewTransCode() ;" class="btn btn-default pull-right marginright11" >+ New Transaction Code</a>

Answer 1

希望这对你有用。

HTML

<a id='yourButtonID' class="btn btn-default pull-right marginright11" >+ New Transaction Code</a>

CSS

 <style>
        .clicked {
            background: green !important;
        }

        .un-clicked {
            background: blue !important;
        }

    </style>

JQuery的

<script>
        $(document).ready( function() {
            $('#yourButtonID').click( function() {
                if ($(this).hasClass('clicked')) {
                    $(this).removeClass('clicked');
                    $(this).addClass('un-clicked');
                } else {
                    $(this).removeClass('un-clicked').addClass('clicked');
                }
            });
        });
    </script>

使用js更改MVC中按钮的颜色

1 个答案: