Implementierung mehrerer Schaltflächen in React: Deaktivierung aller Schaltflächen außer der angeklickten

Ich versuche, drei Schaltflächen zu implementieren. Sobald eine davon angeklickt wird, ändert sich die Hintergrundfarbe. Die Auswahl der anderen beiden Schaltflächen wird aufgehoben und ihre Hintergrundfarbe kehrt zur ursprünglichen Farbe zurück. Wenn ich jedoch versuche, es in React zu implementier...

P粉099985373 2024-02-26 15:26:22 0  1  361

Kann eine Vaadin-Optionsfeldgruppe als Gruppe von Schaltflächen gestaltet werden?

Ist es möglich, Optionsfelder in Vaadin wie eine Reihe von Schaltflächen zu gestalten und eine ausgewählte Schaltfläche farbig zu gestalten? Ich möchte eine Schaltflächengruppe wie Optionsfelder verwenden. Ein Element kann überprüft werden, die anderen können nicht überprüft werden.

P粉529245050 2024-02-03 19:49:05 0  1  381

Mittlere Schaltflächenkomponente in der Next.js-App?

Ich verwende auf meiner nextjs-Seite eine Schaltfläche, die sich in einer eigenen Zeile befindet. Ich möchte, dass die Schaltfläche in der Mitte der Seite erscheint, weil ich denke, dass sie sowohl auf dem PC als auch auf Mobilgeräten am besten aussieht, aber egal, was ich versuche, das Schaltfläche...

P粉011360903 2023-09-18 22:05:21 0  1  821

Shopify-, Vor- und Zurück-Schaltflächen durch gefilterte Produktliste

Ich versuche, Vor- und Zurück-Schaltflächen zu erstellen, die auf der Produktseite der Sammlungsseite angezeigt werden. Wenn auf der Sammlungsseite ein Filter ausgewählt und dann auf ein Produkt geklickt wird, möchte ich Schaltflächen erstellen, die basierend auf dem vom Benutzer ausgewählten Filter...

P粉222320176 2024-01-10 17:32:46 0  1  486

In React Js kann der Schaltflächenwert nicht abgerufen werden, wenn auf das Symbol in der Schaltfläche geklickt wird

In React Js kann der Schaltflächenwert nicht abgerufen werden, wenn auf das Symbol in der Schaltfläche geklickt wird

P粉364129744 2023-07-22 09:47:02 0  1  505

Knopf fehlt

Deshalb sollte ich heute einen Taschenrechner erstellen, einen Webrechner mit JS darauf, CSS und so weiter. Ich habe kürzlich alle JScries neu geschrieben und einige Dinge noch einmal überprüft. Jetzt ist die Taschenrechnertaste verschwunden. Ich wünschte, die Website hätte einen Taschenrechner auf ...

P粉521013123 2024-01-16 21:32:51 0  1  499

CSS zum Hinzufügen von Schatten/Rahmen zu jeder Schaltfläche, wenn Bootstrap-Schaltflächen aktiv sind

Ich verwende das React-Framework zum Erstellen des Frontends und Bootstrap5.3 für das Design. Soweit ich weiß, hat Bootstrap den Schatteneffekt nun standardmäßig entfernt. Wenn die Schaltfläche also aktiv ist, zeigt die Schaltfläche keinen Schatten/Rahmen an, wie in der Bootstrap v5.0-Dokumentation....

P粉256487077 2023-08-17 23:54:27 0  1  529

Warum kann die Schaltfläche auf tkinter, der rote Teil im Bild, nicht angeklickt werden, nachdem in Python2.7 auf die Schaltfläche „Start' geklickt wurde?

Warum kann die Schaltfläche auf tkinter, der rote Teil im Bild, nicht angeklickt werden, nachdem in Python2.7 auf die Schaltfläche „Start“ geklickt wurde? Wie kann ich auf die Schaltflächen „Minimieren“, „Maximieren“ und „Schließen“ von tkinter klicken, nachdem ich auf die Schaltfläche „Start“ gekli...

漂亮男人 2017-05-27 17:39:55 0  1  869

Schaltfläche dauerhaft deaktivieren

Kann ich eine Schaltfläche in React deaktivieren, wenn der angemeldete Benutzer Mitglied ist? Wenn ich das Attribut „disabled“ verwende, kann es aus den Entwicklungstools entfernt werden und die Schaltfläche wird wieder aktiviert. Bitte helfen Sie mir, ich möchte, dass die Schaltfläche deaktiviert b...

P粉156983446 2023-07-28 21:35:42 0  1  658

Das innerHTML der Schaltfläche kann nicht auf dem Bildschirm angezeigt werden

Ich habe also ein Problem mit innerHTML. Ich habe ein leeres Array mit Schaltflächen und fülle es mit einer for-Schleife. Dann verwende ich eine weitere for-Schleife, um das innerHTML jeder Schaltfläche auf „Info“ zu setzen, aber wenn ich meine Website überprüfe, sind die Schaltflächen immer noch le...

P粉024986150 2023-09-10 09:17:02 0  1  518

Schaltfläche mit zentriertem Text und Symbol

Ich entwickle eine Schaltflächenkomponente mit einem Symbol und Text. Das Symbol wird links neben der Schaltfläche platziert und der Text wird in der Mitte der Schaltfläche ausgerichtet. Wenn der Text nicht in die Schaltfläche passt, sollte er nicht umgebrochen werden, sondern kann abgeschnitten wer...

P粉033429162 2023-08-15 11:01:09 0  1  545

So ändern Sie die Hintergrundfarbe einer Schaltfläche per Klick/HTML

Ich habe eine Schaltfläche ähnlich der „Weiterlesen“-Schaltfläche erstellt, und wenn ich darauf drücke, wird ein Text nach unten erweitert. Wenn der Text erweitert wird, ändert sich der Hintergrund der Schaltfläche, und wenn ich die Schaltfläche erneut drücke, um den Text zu schließen (z. B. „Wenige...

P粉502608799 2023-09-08 00:04:48 0  1  548

Durch Klicken auf die Schaltfläche wird das Formular aktualisiert.

Ich habe ein Formular in Angular mit zwei Schaltflächenbeschriftungen. Eine Schaltfläche sendet das Formular auf ng-click. Die andere Schaltfläche dient ausschließlich der Navigation mit ng-click. Wenn jedoch auf diese zweite Schaltfläche geklickt wird, veranlasst AngularJS eine Aktualisierung der S...

P粉523625080 2023-08-14 20:46:02 0  2  507

Beim Klicken auf die Schaltfläche passiert nichts

Beim Klicken auf die Schaltfläche passiert nichts

王先生 2019-11-14 14:10:53 0  3  1587

Hover-Effekte von den Schaltflächen „Senden' und „Zurücksetzen' entfernen: Schritt-für-Schritt-Anleitung

Welchen Befehl muss ich verwenden, damit es nicht skaliert wird, wenn ich auf die Schaltfläche „Senden“ oder „Zurücksetzen“ klicke? Ich möchte, dass sie normal aussehen. Ich soll Hover für dieses Programm verwenden, aber nicht für die letzten beiden Schaltflächen. Siehe unten den Code, den ich bishe...

P粉099000044 2024-04-01 22:32:31 0  1  515

Möglichkeiten, das Formular vor der Übermittlung per Schaltfläche zu schützen

Auf der nächsten Seite wird bei Verwendung von Firefox durch Entfernen der Schaltfläche das Formular gesendet, durch Hinzufügen der Schaltfläche jedoch nicht. Wie kann verhindert werden, dass die Schaltfläche „Entfernen“ das Formular absendet? functionaddItem(){varv=$('form:hidden:last').attr('name'...

P粉245276769 2023-10-10 10:47:12 0  1  691

CSS implementiert horizontale Schaltflächen ohne andere Techniken

Ich versuche, zwei horizontale Schaltflächen mit der gleichen Breite zu erstellen – basierend auf der Breite der längsten Schaltfläche. Der Textinhalt jeder Schaltfläche kann vom Benutzer auf einer separaten Seite angepasst werden. Daher habe ich keine Kontrolle über deren Textlänge/die Textlänge de...

P粉893457026 2023-09-04 12:29:02 0  1  588

So erkennen Sie Browser-Zurück-Schaltflächenereignisse – browserübergreifend

Wie kann explizit erkannt werden, ob der Benutzer im Browser die Zurück-Taste gedrückt hat? Wie erzwinge ich mithilfe des #URL-Systems eine In-Page-Zurück-Schaltfläche in einer einseitigen Webanwendung? Warum zum Teufel löst die Zurück-Schaltfläche des Browsers kein eigenes Ereignis aus? ?

P粉141911244 2023-08-23 16:23:49 0  2  692

Die Schaltfläche „Reagieren' fügt der Seite keine Komponente hinzu

Die Schaltfläche „Element hinzufügen“ sollte ein Popup-Formular mit Eingabefeldern auslösen, das Formular wird jedoch nicht gerendert. Verwenden Sie einfach eine Schaltfläche, um beim Rendern eine leere Seite anzuzeigen. import'./App.css';constInventoryManager=()=>{dispatch(addItem(newItem));//Re...

P粉731861241 2024-03-20 10:46:45 0  1  425

Das Testen der Funktionalität der vorherigen und nächsten Schaltflächen in React schlägt fehl

Mein React-Code besteht einen Test nicht: Wenn ich ihn falsch geschrieben habe, können Sie mir helfen, ihn richtig zu machen? Ich habe versucht, screen.getByRole('button',{name:'>'}) zu verwenden, um die nächste Schaltfläche abzurufen, indem ich screen.getByRole('button',{name:') verwendet habe.

P粉936509635 2023-08-15 13:54:35 0  1  496