Πώς να επιλέξετε ένα κουμπί ραδιοφώνου από προεπιλογή;
Από προεπιλογή ' τετραγωνισμένος Το χαρακτηριστικό ' χρησιμοποιείται για την επιλογή του κουμπιού επιλογής. Εάν αυτό το χαρακτηριστικό χρησιμοποιείται σε πολλά κουμπιά επιλογής, τότε το πιο πρόσφατο κουμπί επιλογής επιλέγεται από προεπιλογή. Ακολουθήστε το βήμα προς βήμα ιστολόγιο για να επιλέξετε το κουμπί επιλογής από προεπιλογή:
Βήμα 1: Δημιουργήστε κουμπιά ραδιοφώνου
Στο αρχείο HTML, δημιουργήστε τρία κουμπιά επιλογής και επισυνάψτε ετικέτες με αυτά:
< κέντρο >
< h3 > Επιλέξτε το επίπεδο εμπειρίας σας: < / h3 >
< div >
< εισαγωγή τύπος = 'ραδιόφωνο' ταυτότητα = 'αρχάριος' όνομα = 'εμπειρία' αξία = 'αρχάριος' >
< επιγραφή Για = 'αρχάριος' > Αρχάριος < / επιγραφή >
< / div >
< div >
< εισαγωγή τύπος = 'ραδιόφωνο' ταυτότητα = 'ενδιάμεσος' όνομα = 'εμπειρία' αξία = 'ενδιάμεσος' >
< επιγραφή Για = 'ενδιάμεσος' > Ενδιάμεσος < / επιγραφή >
< / div >
< div >
< εισαγωγή τύπος = 'ραδιόφωνο' ταυτότητα = 'προκαταβολή' όνομα = 'εμπειρία' αξία = 'προκαταβολή' >
< επιγραφή Για = 'προκαταβολή' > Προκαταβολή < / επιγραφή >
< / div >
< / κέντρο >
Στο παραπάνω απόσπασμα κώδικα:
- Το κουμπί επιλογής σχηματίζεται με τη δημιουργία απλών ' <εισαγωγή> ' ετικέτες και ορίζοντας τον τύπο του σε ' ραδιόφωνο '.
- Αντιστοιχίστε σε κάθε κουμπί επιλογής τα «όνομα», «αναγνωριστικό» και «τιμή».
- Στο τέλος, χρησιμοποιήστε το ' ταυτότητα ' του πεδίου εισαγωγής για να επισυνάψετε το ' <ετικέτα> ετικέτα ' χρησιμοποιώντας το ' Για ' Χαρακτηριστικό.
Μετά την εκτέλεση του σεναρίου η έξοδος είναι ως εξής:
Το σχήμα αντιπροσωπεύει ότι εμφανίζονται τα κουμπιά επιλογής αλλά κανένα από αυτά δεν είναι επιλεγμένο από προεπιλογή.
Βήμα 2: Επιλέξτε Από προεπιλογή
Ο ' τετραγωνισμένος Το χαρακτηριστικό ' χρησιμοποιείται για την αυτόματη επιλογή του κουμπιού επιλογής. Επιλέγει μόνο μία επιλογή. Γι' αυτό είναι καλύτερη προσέγγιση να επιλέξετε ένα κουμπί επιλογής από προεπιλογή. Περιορίζει τον χρήστη να επιλέξει τη σωστή επιλογή:
< div >
< εισαγωγή τύπος = 'ραδιόφωνο' ταυτότητα = 'αρχάριος' όνομα = 'εμπειρία' αξία = 'αρχάριος' ελεγμένο>
< επιγραφή Για = 'αρχάριος' >Αρχάριος< / επιγραφή >
< / div >
Στον παραπάνω κώδικα, το τετραγωνισμένος χρησιμοποιείται το χαρακτηριστικό και εκχωρείται μόνο στο πρώτο πεδίο εισαγωγής.
Τώρα, μετά την εκτέλεση του παραπάνω κώδικα, η ιστοσελίδα μοιάζει με αυτό:
Η έξοδος δείχνει ότι το πρώτο κουμπί επιλογής επιλέγεται από προεπιλογή σε κάθε ανανέωση της σελίδας.
Συμβουλή μπόνους: Χρήση JavaScript για επιλογή του κουμπιού ραδιοφώνου από προεπιλογή
Για να επιλέξετε ένα κουμπί επιλογής από προεπιλογή χρησιμοποιώντας JavaScript, μεταβείτε στο κουμπί επιλογής χρησιμοποιώντας το αναγνωριστικό. Στη συνέχεια, επιλέξτε το checked χαρακτηριστικό του και ορίστε τη Boolean τιμή του σε 'true' όπως στον παρακάτω κώδικα:
< γραφή >document.getElementById ( 'αρχάριος' ) . τετραγωνισμένος = αληθής;
< / γραφή >
Σε αυτόν τον κώδικα, το « αρχάριος ” είναι το αναγνωριστικό αυτού του κουμπιού επιλογής που επιλέγεται από προεπιλογή.
Μετά τη μεταγλώττιση του σεναρίου, η έξοδος είναι η παρακάτω:
Στο παραπάνω στιγμιότυπο, το πρώτο κουμπί επιλογής επιλέγεται από προεπιλογή χρησιμοποιώντας JavaScript.
συμπέρασμα
Για την επιλογή ενός κουμπιού επιλογής, οι χρήστες μπορούν να χρησιμοποιήσουν το ' τετραγωνισμένος ' Χαρακτηριστικό. Εάν το επιλεγμένο χαρακτηριστικό χρησιμοποιείται σε περισσότερα από ένα κουμπιά επιλογής, τότε το κουμπί επιλογής λαμβάνει την πιο πρόσφατη τιμή χαρακτηριστικού 'ελεγμένο'. Για να επιλέξετε ένα κουμπί επιλογής από προεπιλογή χρησιμοποιώντας JavaScript, μεταβείτε στο κουμπί επιλογής χρησιμοποιώντας το αναγνωριστικό. Αυτό το ιστολόγιο έχει δείξει με επιτυχία πώς να επιλέξετε το κουμπί επιλογής από προεπιλογή.