מאמר זה מדגים את המטרה, הפונקציונליות והשימוש של המאפיין HTML DOM Input Radio 'בדוק' ב-JavaScript.
מהו מאפיין ה-HTML DOM Input Radio 'נבדק' ב-JavaScript?
מאפיין רדיו הקלט 'נבדק' פועל על טפסי HTML ושדות הקלט כדי להגדיר ולבדוק את המצב של כפתור 'רדיו'.
תחביר (הגדר מאפיין מסומן)
radioObject. בָּדוּק = נָכוֹן | שֶׁקֶרעל פי תחביר ההחזר המוגדר, המאפיין 'בדוק' תומך בשני פרמטרים המפורטים להלן:
- נָכוֹן: זה מייצג שהאלמנט המתאים מסומן.
- שֶׁקֶר: זה מציין שהאלמנט המתאים אינו מסומן.
תחביר (החזרת נכס מסומן)
radioObject. בָּדוּקבתחביר לעיל, ה-' radioObject ' מתייחס ל-HTML ' <קלט> ' אלמנט שהסוג שלו הוא 'רדיו'.
הבה נשתמש בתחבירים שהוגדרו לעיל כדי להסביר את השימוש ב-HTML DOM Input Radio 'בדוק' בעזרת דוגמאות מעשיות שניתנו.
דוגמה 1: החלת מאפיין רדיו הקלט 'סומן'. שימוש בתחביר בסיסי
בדוגמה הראשונה, כפתור 'רדיו' נוצר כדי להגדיר את המאפיין 'מבודד' שלו באמצעות התחביר המוכלל המוגדר.
קוד HTML
ראשית, עיין בקוד ה-HTML המוצהר:
< סגנון גוף = 'טקסט-align: center' >
< h2 > HTML רדיו קלט DOM נבדק מאפיין h2 >
צֶבַע : < סוג קלט = 'רָדִיוֹ' תְעוּדַת זֶהוּת = 'צהוב' > צהוב < br >< br >
< כפתור בלחיצה = 'colorCheck()' > חשבון 'צהוב' לַחְצָן >
< כפתור בלחיצה = 'colorUncheck()' > בטל את הסימון 'צהוב' לַחְצָן >
בשורות הקוד לעיל:
- ה ' <גוף> ' תג מגדיר את קטע הגוף שמיושר ל' מֶרְכָּז '.
- ה ' ' תג מציין את כותרת המשנה הראשונה.
- ה ' <קלט> תג ' מוסיף לחצן 'רדיו' על ידי ציון סוג הקלט ' רָדִיוֹ ' עם מזהה מוקצה ' צהוב '.
- ה ' <כפתור> תג ' מוסיף לחצן פשוט המשויך ל' בלחיצה ' אירוע לביצוע ' colorCheck() פונקציה שאליה ניתן לגשת בלחיצת כפתור.
- באופן דומה, אחר ' <כפתור> ' תג יוצר כפתור להפעיל את ' colorUncheck() פונקציה בלחיצת הכפתור.
קוד JavaScript
לאחר מכן, עקוב אחר קוד ה-JavaScript הנתון:
< תַסרִיט >פונקציה colorCheck ( ) {
מסמך. getElementById ( 'צהוב' ) . בָּדוּק = נָכוֹן ;
}
פונקציה צבע הסר את הסימון ( ) {
מסמך. getElementById ( 'צהוב' ) . בָּדוּק = שֶׁקֶר ;
}
תַסרִיט >
בקטע הקוד שלמעלה:
- הפונקציה הראשונה ' colorCheck() 'משתמש ב' document.getElementById() כדי להביא את לחצן הבחירה, שייך את ה-' בָּדוּק ' מאפיין והגדר את ערכו ל'true'.
- מצד שני, הפונקציה ' colorUncheck() ' מגדיר את הערך של ' בָּדוּק ' מאפיין 'שקר' כנגד כפתור הבחירה.
תְפוּקָה
כפי שניתן לראות, הפלט בודק את כפתור 'רדיו' בלחיצה על הלחצן (ששמו 'בדוק') ומבטל את הסימון' בלחיצה על הלחצן ('בטל סימון').
דוגמה 2: החזרת הערך 'מסומן' של רדיו הקלט
דוגמה זו מיישמת את המאפיין Input Radio 'checked' כדי להחזיר את המצב של כפתור 'רדיו' הממוקד כערך בוליאני.
קוד HTML
שקול את קוד ה-HTML הבא:
< סגנון גוף = 'טקסט-align: center' >< h2 > HTML רדיו קלט DOM נבדק מאפיין h2 >
צֶבַע : < סוג קלט = 'רָדִיוֹ' בָּדוּק = נָכוֹן תְעוּדַת זֶהוּת = 'צהוב' > צהוב < br >< br >
< כפתור בלחיצה = 'colorCheck()' > חשבון 'צהוב' לַחְצָן >
< p id = 'לִטעוֹם' >< ע >
בגוש הקוד שלמעלה, ' רָדִיוֹ נוצר כפתור והסטטוס של ' בָּדוּק המאפיין מוגדר ל- נָכוֹן '. לאחר מכן, באופן דומה, הפונקציה המוצהרת מופעלת באמצעות ה-' המצורף ' בלחיצה ' אירוע עם הכפתור.
קוד JavaScript
כעת, שקול את שורות הקוד הבאות:
< תַסרִיט >פונקציה colorCheck ( ) {
איפה = מסמך. getElementById ( 'צהוב' ) . ברירת המחדל מסומנת ;
מסמך. getElementById ( 'לִטעוֹם' ) . innerHTML = ט ;
}
תַסרִיט >
בקטע הקוד שלמעלה:
- הגדר פונקציה בשם ' colorCheck() '.
- בהגדרתו, החל את ' document.getElementById() שיטת ' כדי לגשת ללחצן 'רדיו' באמצעות המזהה שלו 'צהוב' ולשייך את ' ברירת המחדל מסומנת ' מאפיין כדי לבדוק את ערך ברירת המחדל של ' בָּדוּק ' תכונה.
- לבסוף, החל את ' document.getElementById() ' שוב כדי להביא את הפסקה הריקה הכלולה ולהציג את הסטטוס של המאפיין 'מסומן'.
.
תְפוּקָה
כפי שניתח, התוצאה מחזירה את המצב של כפתור ה'רדיו' הנתון, כלומר, ' נָכוֹן ' בלחיצה על הכפתור.
סיכום
ב-JavaScript, המאפיין HTML DOM Input Radio 'בדוק' שימושי כדי להגדיר ולהחזיר את המצב המסומן של כפתור 'רדיו'. התחביר שנקבע של המאפיין 'בדוק' פועל על שני ערכים ' נָכוֹן 'ו' שֶׁקֶר '. מצד שני, תחביר ההחזר שלו אינו דורש שום פרמטר. מאמר זה הדגים את המטרה, הפונקציונליות והשימוש במאפיין HTML DOM Input Radio 'בדוק' ב-JavaScript.