Question

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

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

Answer 1

HTML中有错误：

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

你错过了一个“＆gt;”在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;
 }
});

Answer 2

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

再次无法首次点击

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

2 个答案: