Javascript 保持按钮处于活动状态，直到再次单击

我觉得我有一个相对简单的问题，我不知道该怎么做。我有一个按钮类型的html输入标记，它调用javascript onclick函数。这部分工作正常，但我希望能够添加到onClick函数中，使按钮保持活动状态（以便在再次单击之前保持高亮显示）

---

有什么想法吗？我试着把焦点放在它上面，但我不认为有多个按钮焦点是可能的，这听起来真的像是一个黑客

您似乎需要切换功能

---

请尝试使用jQuery toggleClass（）函数：

因为您没有代码，我给您举了一个例子，希望您有您想要的：

假设这是您的HTML按钮：

<div class="button ">My button</div>

让我们来设计您的活动按钮

.button.active {
background: #ea0000;
color: #fff;
}

现在您需要做的是编写一个小型jquery函数：

<script>
$('.button').click(function(){
    if($(this).hasClass('active')){
        $(this).removeClass('active')
    } else {
        $(this).addClass('active')
    }
});
</script>

$（'.button'）。单击（函数（）{
if（$（this）.hasClass（'active'））{
$（this.removeClass（'active'））
}否则{
$（this.addClass（'active'））
}
});

给你；-）

以下是我关于小提琴的例子：

---

注意；）

您必须使用jQuery的toggleclass特性

<input type='button' onClick="jQuery(this).toggleClass('active')">

---

检查上的工作代码

您能提供一些您迄今为止尝试过的代码吗？

<input type='button' onClick="jQuery(this).toggleClass('active')">