Dieser Leitfaden stellt Ihnen vor HTML-Kontrollkästchen und zeigen Ihnen, wie Sie in PHP damit umgehen.
Formular mit einem Kontrollkästchen
Lassen Sie uns ein einfaches Formular mit einem Kontrollkästchen erstellen.
In einem PHP-Skript (Datei checkbox-form.php) ist es möglich, den Feldwert mithilfe des Arrays $_POST auszulesen. Wenn $_POST["formWheelchair"] auf YES gesetzt ist, wurde das Kontrollkästchen in aktiviert. Wenn das Kontrollkästchen nicht aktiviert ist, ist die Variable $_POST["formWheelchair"] nicht gesetzt.
Hier ist ein Beispiel für die Formularverarbeitung in PHP:
Die Variable $_POST["formWheelchair"] ist auf YES gesetzt, da das Wertattribut des Eingabe-Tags auf "YES" gesetzt ist.
Bitte beachten Sie, dass alle Checkboxen den gleichen Namen haben (formDoor). Ein Name weist darauf hin, dass alle Kontrollkästchen miteinander verbunden sind. Eckige Klammern geben an, dass alle Werte in einem Array verfügbar sind. Das heißt, $_POST["formDoor"] gibt keinen String wie im obigen Beispiel zurück, sondern ein Array mit den Werten der vom Benutzer ausgewählten Kontrollkästchen.
Wenn ich beispielsweise alle Kästchen ankreuze, gibt $_POST["formDoor"] ein Array von (A,B,C,D,E) zurück. Im folgenden Beispiel rufen wir alle Werte in einem Array ab und zeigen sie an.
Die Leerfunktion ist nützlich, wenn der Benutzer nichts ausgewählt hat. Wenn das Array nicht leer ist, zählen wir die Anzahl der ausgewählten Kontrollkästchen mithilfe der Zählfunktion und zeigen alle Werte mithilfe an for-Schleife.
Wenn das Kontrollkästchen „Acorn Building“ aktiviert ist, enthält das Array den Wert „A“.
Überprüfen, ob ein bestimmtes Kontrollkästchen aktiviert ist
Oft müssen Sie überprüfen, ob ein bestimmtes Kontrollkästchen aktiviert ist. Dazu können Sie die folgende Funktion nutzen:
Funktion IsChecked($chkname,$value) ( if(!empty($_POST[$chkname])) ( foreach($_POST[$chkname] as $chkval) ( if($chkval == $value) ( true zurückgeben; ) ) ) false zurückgeben; )
Jetzt müssen Sie nur noch die Funktion IsChecked(chkboxname,value) aufrufen. Zum Beispiel:
If(IsChecked("formDoor","A")) ( //do ... )
Ein Häkchen in einem HTML-Formular oder „Kontrollkästchen“ wird durch ein Tag angegeben Eingang, dessen Typ angegeben ist Kontrollkästchen.
Ein Häkchen zeigt entweder Zustimmung oder Ablehnung an. Wenn die Checkbox aktiviert ist, sendet der Browser eine Variable mit dem Feldnamen an den Server. Fehlt es, sendet der Browser dementsprechend nichts. Daher das Attribut Wert kann nicht als zwingend angesehen werden.
Wenn das Kontrollkästchen standardmäßig vorhanden sein muss, müssen Sie das Attribut zum Tag hinzufügen überprüft. Es wird so aussehen:
So sieht die Checkbox im Browser aus:
Das Vorhandensein eines Kontrollkästchens bedeutet nicht, dass eines der vorhandenen Elemente ausgewählt werden sollte. Wenn in einem Formular mehrere Kontrollkästchen vorhanden sind, sollten diese unterschiedliche Namen erhalten.
Der Code für das am Anfang des Artikels angegebene Formular lautet wie folgt:
Was den Namen betrifft, so wird das Feld im professionellen Umfeld als „Kontrollkästchen“ bezeichnet.
In diesem Artikel werden wir über den HTML-Eingabetyp „Checkbox“ sprechen und wie er in PHP gehandhabt wird.
Einzelnes Kontrollkästchen
Lassen Sie uns ein einfaches Formular mit einem Kontrollkästchen erstellen:
In einem PHP-Skript ( checkbox-form.php) können wir die ausgewählte Option aus dem $_POST-Array abrufen. Wenn $_POST['formWheelchair'] " ist Ja", dann ist das Kontrollkästchen für die Option aktiviert. Wenn das Kontrollkästchen nicht aktiviert wurde, wird $_POST['formWheelchair'] nicht gesetzt.
Hier ist ein Beispiel für die Formularverarbeitung in PHP:
$_POST['formSubmit'] wurde auf „ gesetzt Ja“, da dieser Wert im Wertattribut der Checkbox angegeben ist:
Anstatt " Ja„Sie können den Wert festlegen“ 1 " oder " An". Stellen Sie sicher, dass auch der Validierungscode in Ihrem PHP-Skript aktualisiert ist.
Che-Box-Gruppe
Manchmal müssen Sie eine Gruppe verwandter PHP-Eingabetyp-Kontrollkästchen in einem Formular anzeigen. Der Vorteil einer Gruppe von Kontrollkästchen besteht darin, dass der Benutzer mehrere Optionen auswählen kann. Im Gegensatz zu einem Optionsfeld, bei dem nur eine Option aus einer Gruppe ausgewählt werden kann.
Nehmen wir das obige Beispiel und darauf basierend stellen wir dem Benutzer eine Liste von Gebäuden zur Verfügung:
Beachten Sie, dass die Kontrollkästchen für den Eingabetyp denselben Namen haben (formDoor ). Und dass jeder Name auf endet. Durch die Verwendung eines Namens weisen wir darauf hin, dass die Kontrollkästchen zusammenhängen. Damit geben wir an, dass die ausgewählten Werte dem PHP-Skript als Array zur Verfügung stehen. Das heißt, $_POST['formDoor'] gibt keine einzelne Zeile zurück, wie im obigen Beispiel; Stattdessen wird ein Array zurückgegeben, das aus allen ausgewählten Kontrollkästchenwerten besteht.
Wenn ich beispielsweise alle Optionen ausgewählt habe, ist $_POST['formDoor'] ein Array bestehend aus: (A, B, C, D, E). Nachfolgend finden Sie ein Beispiel für die Ausgabe des Werts eines Arrays:
Wenn keine der Optionen ausgewählt ist, wird $_POST['formDoor'] nicht festgelegt. Verwenden Sie daher zum Testen in diesem Fall die Funktion „empty“. Wenn ein Wert angegeben ist, durchlaufen wir das Array mit der Funktion count(), die die Größe des Arrays zurückgibt und die ausgewählten Gebäude ausgibt.
Wenn das Kontrollkästchen für die Option „ Acorn-Gebäude", dann enthält das Array den Wert 'A'. Ebenso, wenn „ Carnegie-Komplex", das Array enthält C.
Überprüfen, ob eine bestimmte Option ausgewählt ist
Oft möchten Sie überprüfen, ob eine bestimmte Option aus allen verfügbaren Elementen in der Kontrollkästchengruppe „HTML-Eingabetyp“ ausgewählt ist. Hier ist eine Funktion, die diese Prüfung durchführt:
function IsChecked($chkname,$value) ( if(!empty($_POST[$chkname])) ( foreach($_POST[$chkname] as $chkval) ( if($chkval == $value) ( true zurückgeben; ) ) ) false zurückgeben; )
Um es zu verwenden, rufen Sie einfach IsChecked auf ( checkbox_name, Wert). Zum Beispiel:
if(IsChecked("formDoor","A")) ( //etwas tun...) //oder in der Berechnung verwenden... $price += IsChecked("formDoor","A") ? 100; $price += IsChecked("formDoor","B") ? 20:0;
Beispielcode herunterladen
Laden Sie PHP-Code für ein Beispielformular mit Kontrollkästchen „PHP-Eingabetyp“ herunter.
Diese Veröffentlichung ist eine Übersetzung des Artikels „ Kontrollkästchen zur Handhabung in einem PHP-Formularprozessor", erstellt vom freundlichen Projektteam
Alle Entwickler von Websites, Webanwendungen und Desktop-Programmen wissen, was Kontrollkästchen sind. Aber diejenigen, die weit vom Programmieren entfernt sind und auf ein so unverständliches Fremdwort stoßen, verstehen nicht, wovon wir sprechen. Tatsächlich ist alles sehr einfach. Kontrollkästchen gehören zu den einfachsten Steuerelementen beim Erstellen von Formularen.
Regelmäßiges Häkchen
Alle Menschen sind in ihrem Leben, angefangen in der Schule, auf Symbole wie das Häkchen gestoßen. Beim Testen müssen Sie die richtige Option mit diesem Zeichen markieren. Dann beim Ausfüllen verschiedener Fragebögen. Nun ja, in der heutigen Zeit, in der Benutzer viele Aktionen über das Internet durchführen, gibt es absolut keinen Ort ohne Zecken. Selbst die einfachste Registrierung auf einer Website erfordert das Ankreuzen einiger Kästchen (Hobbys, Fähigkeiten).
Mittlerweile ist auch der Internethandel entwickelt. Beim Anlegen einer Bestellung markiert der Nutzer die Artikel, die ihn interessieren. Und oft während der Installation Computerspiel Sie werden aufgefordert, weitere auszuwählen Software. Und auch hier müssen Sie eine Wahl treffen. Kontrollkästchen sind also dieselben Häkchen, die auf Webseiten verwendet werden.
Bei der Website-Erstellung
Website-Entwickler sehen dieses Element etwas weiter gefasst. Schließlich ist das Erstellen schwieriger, als nur einmal auf ein Quadrat zu klicken und ein Kästchen anzukreuzen. Websites werden mithilfe der Hypertext-Markup-Sprache entwickelt, die im professionellen Umfeld nur aus vier Buchstaben besteht – HTML. Und um darin ein Häkchen zu erstellen, müssen Sie Code schreiben.
Wie werden Kontrollkästchen erstellt? HTML verfügt über ein spezielles Element (Tag), bei dem es sich um ein mit einem Kontrollkästchentyp ausgestattetes Feld handelt, das wie folgt geschrieben ist: .
Funktionsprinzipien
Dieses Element funktioniert nach dem einfachsten Prinzip: entweder Bejahung oder Verneinung. Wenn ein Feld aktiviert ist, sendet der Webbrowser eine Variable, die den Feldnamen zur Verarbeitung an den Server sendet. Wenn das Kontrollkästchen jedoch nicht aktiviert ist, empfängt der Server nichts. Das Element verfügt über ein optionales Attribut mit dem Wert value, das jedoch optional ist.
Manchmal kommt es vor, dass einige Kästchen auf der Seite bereits aktiviert sind. Dazu fügen Entwickler dem Tag ein spezielles Attribut hinzu, das auf das bereits standardmäßig aktivierte Kontrollkästchen verweist. Dies ist das geprüfte Attribut, also „geprüft“.
Kontrollkästchen sind Elemente, die nicht eine einzelne Auswahl aus mehreren Optionen implizieren, sondern die Markierung aller geeigneten Optionen. Für einen Entwickler ist dies wichtig, denn wenn ein Formular mehrere Kontrollkästchen enthält, müssen sich deren Namen voneinander unterscheiden.
Abhängige Kontrollkästchen
Wenn Sie nur eine Option aus einer Menge auswählen müssen, werden andere Elemente verwendet – Optionsfelder, keine Kontrollkästchen. Aber manchmal wird ein Typ wie abhängige Kontrollkästchen verwendet. HTML ermöglicht Ihnen zusammen mit der Programmiersprache JavaScript die Erstellung eines Haupt-Kontrollkästchens, von dem die anderen abhängen. Wenn Sie darauf klicken, können mehrere Kontrollkästchen gleichzeitig aktiviert werden. Dies wird selten verwendet, da es in gewisser Weise der eigentlichen Regel des Ankreuzens von Kästchen widerspricht.
Wie alle Tags in HTML sind Kontrollkästchen Elemente mit eigenen Eigenschaften. Was sind Sie? Das Attribut zur Vorabprüfung einer Checkbox wurde oben bereits erwähnt – aktiviert. Da Kontrollkästchen in einem Formular unterschiedliche Namen haben müssen, wird das Namensattribut benötigt. Es identifiziert lediglich jedes einzelne Kontrollkästchen. Um den Wert festzulegen, der an den Server gesendet wird, verwenden Sie das Wertattribut.
Es ist erwähnenswert, dass Kontrollkästchen grafische Steuerelemente sind, die hauptsächlich in Formularen verwendet werden. Und sie funktionieren in drei Modi: nicht ausgewählt, ausgewählt und undefiniert.
Verwendung in Tabellen
Checkboxen werden nicht nur in HTML bei der Entwicklung von Websites und Webanwendungen verwendet. Auch Software wie 1C nutzt dieses Element. Schließlich besteht ein Unternehmen aus vielen verschiedenen Komponenten, und bei der Arbeit mit der Dokumentation muss all dies beachtet werden. Über eine Checkbox können Sie beispielsweise eine Liste mit Lagerbeständen oder Kunden markieren, an die Sie Waren versenden möchten.
Welche anderen Programme verwenden dieses Element? Excel – dieses Tabellenkalkulationsprogramm kennt jeder Microsoft, was hier häufig das Funktionsprinzip eines Kontrollkästchens ist: Wenn das Kontrollkästchen aktiviert ist, gibt das Element einen wahren Wert zurück, wenn es nicht aktiviert ist, gibt es einen falschen Wert zurück. Um ein Kontrollkästchen in ein Dokument einzufügen, müssen Sie eine spezielle Registerkarte für den Entwickler aktivieren. Dies geschieht über die Parameter, die in jedem Excel-Versionen ein wenig anders.
Wie findet man erforderlichen Einstellungen? Es gibt immer ein Zertifikat bzw Suchmaschine. Nachdem die Registerkarte aktiviert ist, können Sie ein Element über den Befehl „Einfügen“ des Elements „Steuerelemente“ einfügen. Hierbei ist zu beachten, dass dieses Menü auch ActiveX-Steuerelemente enthält, die sich unterhalb der erforderlichen Formularelemente befinden. Dort gibt es auch Checkboxen. Was ist der Unterschied zwischen ihnen? Für den Einsatz ActiveX-Steuerelemente Sie benötigen die integrierte Programmiersprache VBA, die nur wenige Menschen kennen. Und gewöhnliche Kontrollkästchen können sofort mit einer bestimmten Zelle im Dokument verknüpft werden.
Sobald Kontrollkästchen in Excel eingefügt werden, werden sie standardmäßig aktiviert. Durch Klicken auf eine beliebige Stelle im Dokument wird die Markierung entfernt. Um die Auswahl umzukehren, müssen Sie mit der rechten Maustaste auf das Kontrollkästchen klicken, da die linke Maustaste das Kontrollkästchen entfernt oder aktiviert.
Indem Sie mit der Maus über ein Kontrollkästchen fahren und die linke Taste gedrückt halten, können Sie das Element an eine beliebige Stelle im Dokument verschieben. Dies geht auch bequem über die Tasten der Tastatur. Wenn Sie mit der Maus über die Ecken eines Elements fahren, können Sie es vergrößern oder verkleinern. Mit speziellen Einstellungen können Sie das Kontrollkästchen anpassen, indem Sie seine Farbe, seinen Hintergrund und seinen Rahmen ändern.
Abschluss
Wie aus dem oben Gesagten hervorgeht, handelt es sich bei Kontrollkästchen also nicht um ein komplexes Element GUI, und was jedem im Alltag begegnet, ist eine gewöhnliche Zecke. Das Konzept ist für einen Programmierer und einen normalen Benutzer etwas anders, aber im Wesentlichen ist es dasselbe: Es handelt sich um ein Steuerelement, mit dem Sie beim Ausfüllen eines Formulars mehrere Auswahlmöglichkeiten treffen können. Es ist wichtig, Kontrollkästchen nicht mit Optionsfeldern zu verwechseln, mit denen Sie nur ein Element aus vielen auswählen können.
