使用css和jquery切换html按钮

Toggle the html button using css and jquery

本文关键字：html 按钮 切换 jquery css 使用      更新时间：2023-09-26

我想在html中使用css创建两个切换按钮。我想让它，当我点击一个，它保持按下，另一个在正常位置。两者的结果相同，反之亦然。

如果没有办法，就使用HTML和css。是否有使用jQuery或javascript的方法?

考虑两个按钮。TEST and LIVE，

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

谢谢

快速谷歌一下，这里是过去的一个类似的Stackoverflow问题:如何创建切换按钮?

你可以使用JQuery的切换功能来玩css。

或者您可以使用一种更简单的方法，使用JQuery(复选框)，它看起来就像一个工具按钮。如果你这样做，点击复选框，你可以检查它是否被选中，并改变它的文本，像这样

if($('#chk1').is(':checked')){
  $('#chk1').text('test');
}else{
  $('#chk1').text('live');
}
相关文章：