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  314

Versuchen Sie, das Optionsfeld in ein Optionsfeld einzubauen

Im Grunde verfolge ich diesen Beitrag von mir und wenn ich ein Optionsfeld und ein Div darin anzeigen muss, funktioniert die folgende Lösung gut: $(".tier1-options:radio").on("change ",function (e){//entfernt die angezeigte Klasse aus allen Tier-2-Optionen und löscht Werte aus al...

P粉235202573 2023-09-11 23:30:59 0  1  519

So klicken Sie auf eine Tabellenzeile mit Kontrollkästchen und wenn die Schaltfläche für die letzte Tabellenzeile erreicht wird, ändert sich die Auswahl in „Abwählen'.

Meine Tabelle verfügt über Kontrollkästchen und Schaltflächen außerhalb der Tabelle, um von der Auswahl zur Abwahl zu wechseln. Wie klicke ich irgendwo in der Tabellenzeile und woher bekomme ich die Kontrollkästchen, mit denen ich nacheinander ausgewählt werde und wenn ich dort ankomme? Die letzte T...

P粉752826008 2024-02-17 19:35:31 0  1  366

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  296

Verwenden von JavaScript zur Steuerung der Div-Sichtbarkeit basierend auf der Auswahl von Optionsfeldern ohne Verwendung von ONCLICK

Ich habe einen teilweise gültigen HTML-Code. Ich versuche, eine Texteingabe basierend auf der Auswahl von Optionsfeldern anzuzeigen. Bei mir funktioniert es so, dass beim Drücken des Optionsfelds die anderen Optionen ausgeblendet werden, beim ersten Laden des Bildschirms jedoch alle drei Optionen an...

P粉212114661 2024-02-17 21:44:02 0  1  460

Wählen Sie Zeilen in der Q-Tabelle über Schaltflächen mit Vue.js aus

Wenn ich die Schaltfläche „Bearbeiten“ in der Aktionsschaltfläche in der Q-Tabelle drücke, öffnet die Schaltfläche ein Modal. Da die Kontrollkästchen in der Q-Tabelle jedoch nicht auswählbar sind, erhalte ich eine Fehlermeldung, wenn ich das Schema aktualisieren möchte. Ich möchte, dass die Tabelle ...

P粉384679266 2023-09-02 16:25:14 0  1  565

Verwenden von Tailwind CSS, um den Stil eines übergeordneten Div als Reaktion auf den ausgewählten Status eines Optionsfelds zu ändern

Ich habe eine Tabelle mit mehreren Spalten und einem Optionsfeld pro Zeile. Ich muss die Hintergrundfarbe der gesamten Zeile ändern, wenn ich eine bestimmte Schaltfläche auswähle. Kann dies erreicht werden? {{user.email}}{{user.name}} In Tailwind können Sie die Klasse „peer“ verwenden, um benachbart...

P粉718165540 2023-08-15 23:49:52 0  1  562

So überprüfen Sie, ob eine Optionsfeldgruppe erforderlich ist

Ich habe eine dynamische Optionsfeldgruppe, in der das erforderliche Attribut möglicherweise nicht bei allen Eingaben angegeben wird. <formname="myform"><inputtype="radio"id="option1"name="foo"value="First"><inputtype="radio&q...

P粉716228245 2024-04-03 16:23:29 0  1  374

Erstellen Sie ein Array von Optionsfeldern und übergeben Sie es an den Net Core-Controller

Ich versuche, eine Liste (Array) von Optionsfeldern von JavaScript an einen C#-NetCore6-Controller zu übergeben. Der HTML-Code sieht folgendermaßen aus: <inputclass="js-filter-item"type="radio"name="Performance_Type"value="Standard"id="filter-group-Per

P粉590428357 2024-02-26 09:49:09 0  1  429

Wie erstelle ich in R Shiny eine Kontrollkästchentabelle, die auch separate Zeilen/Spalten mit Kontrollkästchen „Alle auswählen' enthält?

Mit RShiny möchte ich eine Tabelle anzeigen (z. B. über das Paket „DT“), in der jede Zelle ein Kontrollkästchen enthält. Neben jeder Zeilen- und Spaltenüberschrift möchte ich ein „Alle auswählen“/„Haupt-Kontrollkästchen“ anzeigen, das bei Auswahl alle Kontrollkästchen in der entsprechenden Zeile ode...

P粉884667022 2023-09-08 15:24:52 0  1  466

Die mobile PHP JS-Schaltfläche ändert beim Klicken ihre Farbe und die ausgewählten Zahlen bilden ein Array

PHP JS Die Hintergrundfarbe der Mobilfunknummernschaltfläche ändert sich nach dem Klicken. Die ausgewählten Ziffern bilden ein Array. Wenn die drei Ziffernschaltflächen 1, 3 und 9 ausgewählt werden, wird die Schaltfläche rot =1, 3, 9 wurde von Ihnen selbst geschrieben. Es funktioniert auf iOS, aber ...

HARDWARE 2018-03-06 00:10:45 0  0  1160

Speichern Sie den ausgewählten Wert in der Schaltflächengruppe im React-Hook-Form-Zustand

Ich versuche, den ausgewählten Wert aus einer MUI-Schaltflächengruppe im Status eines React-Hook-Formulars zu speichern, habe jedoch einige Probleme – der Wert wird nicht korrekt aktualisiert. codesandbox-Link hier Dies ist eine generische Version meines Codes: import{ButtonGroup,Button}from'@mui/ma...

P粉106715703 2023-09-08 18:17:15 0  1  525

Behalten Sie den Randeffekt des Optionsfelds bei, wenn es ausgewählt ist

Ich habe zwei Radiotyp-Optionen. Wenn ich eine Option auswähle, wird ein blauer Rand markiert. Das Problem ist, dass der Randeffekt verschwindet, wenn ich irgendwo anders klicke. Ich möchte, dass der blaue Randeffekt überall dort erhalten bleibt, wo ich klicke, es sei denn, ich wechsle zu einer ande...

P粉769045426 2023-09-03 21:25:38 0  1  520

Verwenden Sie den foreach-Befehl von PHP, um alle PHP-Eingaben in ein Array zu konvertieren und sie in Form von Schlüssel-Wert-Paaren in eine JSON-Datei zu setzen – Gelöst

Ich habe eine Seite, die mehrere Optionsfelder enthält, und verwende eine foreach-Schleife, um die Namen aller Optionsfelder zu durchlaufen, und eine weitere foreach-Schleife oben auf der Seite, um die Namen aller Optionsfelder als Schlüssel und Werte abzurufen.

P粉883223328 2023-08-09 13:26:09 0  1  434

So machen Sie Optionsfelder unabhängig von anderen Schaltflächen in VueJS

Ich erstelle eine Liste, ich habe Kategorien, jede Kategorie hat ihre Intervention und Sie müssen sie anhand dessen überprüfen, was dem Problem entspricht. CheckList.vue<tableclass="tabletable-bordered"><thead><tr><throwspan="2"style="vertical-align:top&...

P粉704066087 2024-03-27 12:40:28 0  1  421

Fügen Sie zusätzliche Kontrollkästchen hinzu, um zuvor aktivierte/nicht aktivierte Funktionen zu implementieren

Dieses Formular ist eine Aufgabenliste mit HTML/CSS/JavaScript und jede Zeile verfügt über ein Kontrollkästchen basierend auf abgeschlossenen oder nicht erledigten Aufgaben. Ich habe eine Veranstaltung erstellt. Es ruft einige Werte von einem Objekt ab, wie Text, Erstellungszeit, ID usw., und hängt ...

P粉765570115 2023-08-13 15:45:54 0  1  446

So erkennen Sie das Clear-Button-Click-Ereignis bei V-Select (Vue-Select)

Ich erstelle ein Dropdown-Menü in V-Select und nachdem ich beim Klicken auf die Schaltfläche „Löschen“ eine Option ausgewählt habe, muss ich das Dropdown-Menü löschen und das Optionsarray in die Anfangsphase ändern. So überprüfen Sie, ob auf die Schaltfläche „Löschen“ (x) geklickt wird oder nicht. I...

P粉436688931 2023-12-27 11:41:15 0  1  461

Javascript – Vue fügt Komponenten dynamisch hinzu

(Umgesetzt mit VUE) Es gibt eine Anforderung im Projekt, und ich möchte Sie um Ihre Ideen bitten, wie diese sinnvoller umgesetzt werden kann. Die Anforderung ist folgende: Durch Klicken auf die Schaltfläche „Erstellen“ auf einer Seite wird eine „Single-Choice-Frage“ erstellt. Durch Klicken auf die S...

代言 2017-06-12 09:31:19 0  1  770

Wie lösche ich das Eingabefeld nach dem Klicken auf das Optionsfeld?

Nach dem Klicken auf „Anzahl der Tweets ab Datum auswählen“ muss das Eingabefeld „Enddatum auswählen“ entfernt werden. Kann mir jemand helfen? Dies ist der Code: functionyesnoCheck(){if(document.getElementById('yesCheck').checked){document.getElementById('ifYes').style.display='block';}elsedocument....

P粉396248578 2023-09-02 16:07:22 0  1  538

Die Suche enthält nur Ergebnisse für den übermittelten Sucheingabewert.

Ich habe eine Suchfunktion, die mithilfe von drei Arten von Sucheingaben und einer Schaltfläche zum Senden Daten über Fahrzeuge aus einer Datenbank abruft. Eingabe 1 ist eine Auswahllistensuche (searcha), Eingabe 2 ist eine Textsuche (searchb) und Eingabe 3 ist eine Auswahl mit zwei Optionsfeldern (...

P粉541551230 2023-07-25 09:17:02 0  1  524