C# 使用JQuery更改按钮的字体颜色/背景颜色

我试图在主视图中实现一个按钮，当单击该按钮时，该按钮应该会更改his状态，但由于某些原因，它不起作用。你能帮帮我吗

    <button id="adminState" class="btn btn-dark"> 
       Enable Admin State 
    </button> 

    <script type="text/javascript">
       $(document).ready(function () {
          $('#adminState').click(function () {
             if ($(this).find('button').hasClass("btn btn-dark"))
               $(this).find('button').removeClass("btn btn-dark").addClass("label-danger").text("InActive");
             else
               $(this).find('button').removeClass("label-danger").addClass("label-success").text("Active");
          });
       });
     </script>

启用管理状态
$（文档）.ready（函数（）{
$（'#adminState'）。单击（函数（）{
if（$（this）.find（'button'）.hasClass（“btn btn深色”））
$（this）.find（'button'）.removeClass（“btn btn深色”）.addClass（“标签危险”）.text（“非活动”）；
其他的
$（this）.find（'button'）.removeClass（“标签危险”）.addClass（“标签成功”）.text（“活动”）；
});
});

您的HTML中有一个错误：

<button type="button" id="adminState" <span class 

启用管理状态
函数EnableDisableButton（）
{
$（'#adminState'）。单击（函数（）{
if（$（this）.hasClass（“btn暗”））
$（this）.removeClass（“btn深色”）.addClass（“标签-
危险”）。文本（“不活动”）；
其他的
$（this）.removeClass（“标签-
危险“）.addClass（“”.text（“管理状态已启用”）；
});
};

---

再次不使用first click

，这是无效的HTML语法。不，不是这个，我修复了它。

var clicked = true;

$("button").click(function(){
 if(clicked){
     $(this).css('background-color', 'red');
     clicked  = false;
 } else {
     $(this).css('background-color', 'blue');
     clicked  = true;
 }
});

     <button id="adminState" onclick="EnableDisableButton();" class="btn 
      btn-dark"> Enable Admin State </button> 

     function EnableDisableButton()
            {
                    $('#adminState').click(function () {
                        if ($(this).hasClass("btn-dark"))
                            $(this).removeClass("btn-dark").addClass("label-
                  danger").text("InActive");
                        else
                            $(this).removeClass("label-
                    danger").addClass("").text("Admin State Enabled");
                    });
                };