启用带有切换状态的按钮

以下是一个示例代码，展示了如何创建一个带有切换状态的按钮：

HTML代码：

<button id="toggleButton">启用</button>

JavaScript代码：

// 获取按钮元素
var button = document.getElementById("toggleButton");

// 设置初始状态为禁用
var isEnabled = false;

// 定义切换状态的函数
function toggleButton() {
  // 切换isEnabled变量的值
  isEnabled = !isEnabled;

  // 根据isEnabled的值设置按钮的文本和状态
  if (isEnabled) {
    button.innerHTML = "禁用";
    button.classList.add("enabled");
  } else {
    button.innerHTML = "启用";
    button.classList.remove("enabled");
  }
}

// 绑定按钮的点击事件，调用toggleButton函数
button.addEventListener("click", toggleButton);

CSS代码：

.enabled {
  background-color: green;
  color: white;
}

这段代码创建了一个按钮，初始状态为禁用。当按钮被点击时，它会切换到启用状态，并改变按钮的文本和样式。当再次点击按钮时，它会切换回禁用状态。

你可以根据需要修改按钮的样式，例如更改背景颜色、字体颜色等。