javascript - 使用 css 和 jquery 切换 html 按钮

Question

我想使用 css 在 html 中创建两个切换按钮。我想要它，这样当我单击一个时，它会保持推入，而另一个则处于正常位置。两者都会发生同样的情况，反之亦然。

如果没有办法只使用 HTML 和 css。有没有办法使用 jQuery 或 javascript 来做到这一点？

考虑两个按钮。TEST 和 LIVE，

如何做到以上相同，我可以得到帮助。

谢谢

Answer 1

您可以使用 JQuery切换功能并使用 css。

或者，您可以使用一种更简单的方法，使用看起来与工具按钮完全一样的JQuery ( checkbox )。如果您执行此选项，则在单击复选框时，您可以检查它是否被选中并像这样更改它的文本

if($('#chk1').is(':checked')){
  $('#chk1').text('test');
}else{
  $('#chk1').text('live');
}

Answer 2

通过快速谷歌，这里有一个类似的过去 Stackoverflow 问题： 如何创建切换按钮？