כתיבה זו תתאר את ההליך לסימון ולביטול הסימון של תיבת הסימון באמצעות JavaScript.
כיצד לסמן/בטל את הסימון של תיבת הסימון באמצעות JavaScript?
כדי לסמן או לבטל את הסימון של תיבות הסימון ב-JavaScript, השתמש ב-' בָּדוּק ' תכונה. ראשית, קבל את ההפניה של אלמנט ה-HTML ' תיבת סימון 'בעזרת המוקצה שלו' תְעוּדַת זֶהוּת ' משתמש ב ' getElementById() שיטת ', ולאחר מכן, החל את ' בָּדוּק 'נכס על ערכו.
דוגמה 1: סמן/בטל את הסימון בתיבת הסימון הבודדת
ראשית, צור קובץ HTML, עם שורות הקוד הבאות:
< h3 > לחץ על הלחצנים כדי לסמן או לבטל את הסימון של תיבת הסימון h3 >
< סוג קלט = 'תיבת סימון' תְעוּדַת זֶהוּת = 'תיבת סימון' > מסכים עם התנאים וההגבלות < br >< br >
< סוג כפתור = 'לַחְצָן' בלחיצה = 'חשבון()' > כן לַחְצָן >
< סוג כפתור = 'לַחְצָן' בלחיצה = 'בטל את הסימון()' > לא לַחְצָן >
בקוד למעלה:
- צור תיבת סימון, עם המזהה ' תיבת סימון ' שישמש לגישה לאלמנט ' תיבת סימון ' לבצע פעולות.
- צור שני כפתורים, ' כן ' ו' לא ', כדי לסמן או לבטל את הסימון של תיבת הסימון שתפעיל את הפונקציה ' חשבון() ' ו' בטל את הסימון () ' בהתאמה באירוע הקליק.
לאחר ביצוע הקוד לעיל, הפלט יהיה כך:
לאחר מכן, הגדר את הפונקציות לביצוע פעולות בתיבת הסימון בקובץ ה-JavaScript או בתג. כדי לסמן את תיבת הסימון, השתמש בשורות הקוד הבאות:
פוּנקצִיָה חשבון ( ) {
לתת קלט = מסמך. getElementById ( 'תיבת סימון' ) ;
קֶלֶט. בָּדוּק = נָכוֹן ;
}
בקוד למעלה:
- הגדר פונקציה ' חשבון() ' שתפעיל את לחיצת הכפתור כדי לסמן את תיבת הסימון.
- בתוך גוף הפונקציה, קבל את ההפניה של תיבת הסימון באמצעות המזהה שלה ' תיבת סימון 'בעזרת ה' getElementById() 'שיטה ולאחסן אותו במשתנה' קֶלֶט '.
- סמן את תיבת הסימון על ידי הגדרת ' בָּדוּק ' תכונה ' נָכוֹן '.
כדי לבטל את הסימון בתיבת הסימון על ידי לחיצה על ' לא ', השתמש בקוד הנתון להלן:
פוּנקצִיָה בטל את הסימון ( ) {לתת קלט = מסמך. getElementById ( 'תיבת סימון' ) ;
קֶלֶט. בָּדוּק = שֶׁקֶר ;
}
קטע הקוד שלמעלה:
- הגדר פונקציה ' בטל את הסימון () ' שתפעיל את לחיצת הכפתור כדי לבטל את הסימון בתיבת הסימון.
- בתוך גוף הפונקציה, קבל את ההפניה של תיבת הסימון באמצעות המזהה שלה ' תיבת סימון 'בעזרת ה' getElementById() 'שיטה ולאחסן אותו במשתנה' קֶלֶט '.
- בטל את הסימון בתיבת הסימון על ידי הגדרת ' בָּדוּק ' תכונה ' שֶׁקֶר '.
לבסוף, הגדר פונקציה כדי לבטל את הסימון בתיבת הסימון כברירת מחדל בטעינת העמוד באמצעות ' window.onload אירוע:
חַלוֹן. עומס = פוּנקצִיָה ( ) {חַלוֹן. addEventListener ( 'לִטעוֹן' , חשבון , שֶׁקֶר ) ;
}
תְפוּקָה
הפלט מציין שתיבת הסימון מסומנת ולא מסומנת בהצלחה תוך כדי לחיצה על הכפתורים.
דוגמה 2: סמן/בטל את הסימון של תיבות סימון מרובות
בוא נראה דוגמה כיצד לסמן או לבטל את הסימון של כל תיבות הסימון בו-זמנית.
ראשית, צור קובץ HTML, ולאחר מכן צור תיבות סימון מרובות וכפתור עם המזהה ' לְמַתֵג ' שיעביר את תיבת הסימון כדי לסמן או לבטל את הסימון:
< h3 > לחץ על הלחצן כדי לסמן או לבטל את הסימון של כל תיבות הסימון h3 >< סוג קלט = 'תיבת סימון' מעמד = 'תיבת סימון' > סמן או בטל את הסימון בי < br >
< סוג קלט = 'תיבת סימון' מעמד = 'תיבת סימון' > סמן או בטל את הסימון בי < br >
< סוג קלט = 'תיבת סימון' מעמד = 'תיבת סימון' > סמן או בטל את הסימון בי < br >
< סוג קלט = 'תיבת סימון' מעמד = 'תיבת סימון' > סמן או בטל את הסימון בי < br >
< סוג קלט = 'תיבת סימון' מעמד = 'תיבת סימון' > סמן או בטל את הסימון בי < br >< br >
< סוג קלט = 'לַחְצָן' תְעוּדַת זֶהוּת = 'לְמַתֵג' ערך = 'לחץ כדי להחליף את תיבות הסימון' >
הפלט המתאים יהיה:
לאחר מכן, בקובץ JavaScript או בתג