使用 JQuery 更改按钮的字体颜色/背景颜色答案

【问题标题】：Change font-color/background-color of the button with JQuery使用 JQuery 更改按钮的字体颜色/背景颜色
【发布时间】：2018-02-06 09:01:04
【问题描述】：

我正在尝试在主页视图中实现一个按钮，该按钮应在单击时更改其状态，但由于某种原因它无法正常工作。你能帮帮我吗？

    <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>

【问题讨论】：

这不是有效的 HTML 语法。

标签： c# jquery html

【解决方案1】：

     <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");
                    });
                };

再次无法在第一次点击时工作

【讨论】：

【解决方案2】：

您的 HTML 中有错误：

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

您在 span 标记之前缺少一个“>”

编辑：在你的 jquery 部分试试这个：

var clicked = true;

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

【讨论】：

不，不是这个，我修好了。