Διακόπτης Radio

Ο διακόπτης radio αντιπροσωπεύει ένα στοιχείο φόρμας HTML με τη μορφή ενός στρογγυλού κουμπιού, το οποίο μπορεί να επιλεγεί ή όχι.

Ένα κουμπί radio δημιουργείται με την ετικέτα input με το χαρακτηριστικό type στην τιμή radio. Εξωτερική εμφάνιση:

Ένας μόνο διακόπτης radio σχεδόν ποτέ δεν χρησιμοποιείται, θα πρέπει να χρησιμοποιούνται ως ομάδα. Σε αυτήν την περίπτωση, μόνο ένας από τους διακόπτες μπορεί να επιλεγεί στην ομάδα. Οι διακόπτες θα σχηματίσουν ομάδα μόνο εάν έχουν την ίδια τιμή του χαρακτηριστικού name (δείτε παραδείγματα παρακάτω).

Παράδειγμα

Ας φτιάξουμε δύο διακόπτες radio: ο πρώτος θα επιλεγεί (θα ορίσουμε το χαρακτηριστικό checked), και ο δεύτερος - όχι. Σε αυτήν την περίπτωση, οι διακόπτες θα αποτελούν μια ομάδα, στην οποία μπορεί να επιλεγεί μόνο ένας από αυτούς (καθώς έχουν την ίδια τιμή του χαρακτηριστικού name).

Παρατηρήστε ότι σε αυτά τα κουμπιά radio δίνονται διαφορετικές τιμές για το χαρακτηριστικό value. Αυτό είναι απαραίτητο ώστε μετά την αποστολή των δεδομένων στον διακομιστή, η PHP να μπορεί να προσδιορίσει ποιος από τους διακόπτες είχε επιλεγεί:

<input type="radio" name="test" checked value="1">
<input type="radio" name="test" value="2">

Παράδειγμα

Τώρα ας φτιάξουμε δύο ομάδες διακοπτών radio: η πρώτη ομάδα θα έχει μια τιμή για το χαρακτηριστικό name, και η δεύτερη - μια άλλη. Ας προσπαθήσουμε να κλικάρουμε πάνω τους, και θα δούμε ότι οι ομάδες αλλάζουν ανεξάρτητα η μία από την άλλη:

<input type="radio" name="radio1" checked>
<input type="radio" name="radio1">
<input type="radio" name="radio1">

<br>

<input type="radio" name="radio2" checked>
<input type="radio" name="radio2">
<input type="radio" name="radio2">

Δείτε επίσης

checkbox,
με το οποίο μπορείτε να υλοποιήσετε ένα πλαίσιο ελέγχου
χαρακτηριστικό checked,
που κάνει τον διακόπτη radio επιλεγμένο
ψευδοκλάση checked,
που ορίζει στυλ για τα επιλεγμένα κουμπιά radio
χαρακτηριστικό disabled,
που μπλοκάρει τα στοιχεία φορμών
ετικέτα label,
που ορίζει μια υπόδειξη για το κουμπί radio