MVC toggle buttons

Question

Ich habe eine Gruppe von Tasten in dem Moment, die Benutzer auswählen können, um ein Gitter herauszufiltern. Das Problem besteht darin, dass der Benutzer nach dem Klicken auf eine der Schaltflächen den aktuellen aktiven Filter, der angewendet wurde, nicht kennt. Kann mir also jemand helfen, herauszufinden, wie diese Schaltflächen als Umschaltknöpfe fungieren können (Soll die Hintergrundfarbe des Buttons für den aktiven Button geändert werden)?

Bitte beachten Sie, dies ist in MVC und es gibt ein Onclick-Ereignis, das an jede der Schaltflächen gebunden ist, die eine Javascript-Funktion aufruft.

Answer 1

Wenn Sie jQuery UI ar verwenden versuchen, könnten Sie die Schaltfläche Plugin configured as a checkbox

Answer 2

Sie haben nicht mit viel Detail auf gegeben, wie Sie haben, klicken Sie Ereignisse verdrahtet, aber in Ihrem Click-Handler für die Schaltflächen, könnten Sie so etwas tun:

var button = document.getElementById("button"); 
button.onclick = function() { 
    if (!this.style.backgroundColor) { 
     this.style.backgroundColor = 'yellow'; 
    } 
    else { 
     this.style.backgroundColor = null; 
    } 
} 

Es gibt auch andere Möglichkeiten, dies zu tun, wenn Sie jQuery oder eine andere JS Framework verwenden.