使用Bootstrap和jquery来回切换按钮文本

我有一个按钮，我正在使用bootstrap。

我想每次点击都来回翻转文字。 因此，例如按钮’默认文本将为“关闭”，您单击它，它现在显示“开”。 再次单击它再次“关闭”，依此类推。 下面是我的bootrap和jquery代码。 我如何改变它以满足我的需求？

Off  $('#cmdLargeButton').on('click', function () { $(this).button('complete') })  

此外，我无法弄清楚我是否使用“autocomplete”参数获取此错误，我看到的示例说我必须使用该参数。 不知道它做了什么。 有人可以解释为什么我收到此错误？

Answer 1

您可以使用带有条件检查的三元运算符以及每次单击时要交换的两个文本

工作片段：

 $(function(){ $('#cmdLargeButton').on('click', function () { $(this).text($(this).text() == "Off" ? "On" : "Off"); }); }) 

  Off