מאמר זה ידגים את השיטות לסימון ולביטול הסימון של כל תיבות הסימון באמצעות JavaScript.
כיצד לסמן ולבטל את הסימון של כל תיבות הסימון באמצעות JavaScript?
כדי לסמן ולבטל את הסימון של כל תיבות הסימון ב-JavaScript, תוכל להחיל:
הגישות המוזכרות יידונו כעת אחת לאחת!
שיטה 1: סמן והסר את הסימון של כל תיבות הסימון ב-JavaScript באמצעות שיטת 'document.getElementsByName()' עם 'תיבות סימון'
ה ' document.getElementsByName() ' השיטה מחזירה את האלמנטים עם השם שצוין בארגומנטים שלה. שיטה זו תיושם כדי להביא את הערך של כל תיבת סימון בעזרת השם שעבר.
הבה נעבור על הדוגמה הבאה להדגמה.
דוגמא
ראשית, סוג הקלט יצוין כ' תיבת סימון 'ושם וערך ספציפיים יוקצו כנגד כל תיבת סימון:
< סוג קלט = 'תיבת סימון' שֵׁם = 'רַק' ערך = 'פִּיתוֹן' > פִּיתוֹן < br />< סוג קלט = 'תיבת סימון' שֵׁם = 'רַק' ערך = 'ג'אווה' > Java < br />
< סוג קלט = 'תיבת סימון' שֵׁם = 'רַק' ערך = 'JavaScript' > JavaScript < br />
כעת, כלול תיבת סימון נוספת עם הערך ' סמן הכל ' וצרף ' בלחיצה() ' אירוע עם תיבת סימון זו שתעבוד בצורה כזו כאשר תיבת הסימון תילחץ, ' סימון לא מסומן שיטת ()' תופעל עם האובייקט ' זֶה ' כטענה:
< סוג קלט = 'תיבת סימון' בלחיצה = 'checkUncheck(this)' /> סמן הכל < br />
לאחר מכן, הגדר פונקציה בשם ' check Uncheck() ' בקובץ JavaScript, עם משתנה בשם ' תיבת סימון ' כטענה. כעת, גש לערכי תיבת הסימון באמצעות ' document.getElementsByName() שיטת ' וממקמים את הערך של ' שֵׁם ' תכונה כטיעון שלה.
לבסוף, החל ' ל ' לולאה כדי לחזור על כל ערכי תיבת הסימון ולהשתמש ב' בָּדוּק ' מאפיין לסמן את כולם כמסומנים:
בדיקת פונקציה בטל את הסימון ( תיבת סימון ) {לקבל = מסמך. getElementsByName ( 'רַק' ) ;
ל ( היה ב = 0 ; אני < לקבל. אורך ; אני ++ ) {
לקבל [ אני ] . בָּדוּק = תיבת סימון. בָּדוּק ; }
}
כפי שאתה יכול לראות, כאשר ' סמן הכל ' תיבת הסימון מסומנת, כל תיבות הסימון האחרות מסומנות גם הן כמסומנות:
שיטה 2: סמן והסר את הסימון של כל תיבות הסימון ב-JavaScript באמצעות שיטת 'document.getElementsByName()' עם 'לחצנים'
ה ' document.getElementsByName() ' השיטה, כפי שנדון בשיטה הקודמת, מביאה את האלמנטים עם השם שצוין בארגומנטים שלה. ניתן להשתמש בו כדי לסמן או לבטל את הסימון של כל תיבות הסימון שנוספו בדף אינטרנט.
תסתכל על הדוגמה הבאה להדגמה.
דוגמא
כעת, נכלול שני כפתורים עבור ' בודק הכל ' ו' בטל את הסימון של הכל ' פונקציות. לאחר מכן, צרף ' בלחיצה אירוע עם שני הלחצנים שייגש לפונקציות שצוינו בנפרד:
< סוג קלט = 'לַחְצָן' בלחיצה = 'חשבון()' ערך = 'בודק הכל' />< סוג קלט = 'לַחְצָן' בלחיצה = 'unCheck()' ערך = 'מבטל את הסימון של הכל' />
לאחר מכן, הגדר פונקציה בשם ' חשבון() ' והחל את ' document.getElementsByName שיטת ' עם הערך שצוין של ' שֵׁם ' תכונה. לאחר מכן, חזרו על ' ל ” לולאה לאורך כל ערכי תיבת הסימון שנדונו בשיטה הקודמת.
יתר על כן, כאשר לוחצים על הכפתור המשויך, ' בָּדוּק ' מאפיין יסמן את כל תיבות הסימון ויגדיר את המצב המסומן כ' נָכוֹן ”:
בדיקת תפקוד ( ) {להיות עז = מסמך. getElementsByName ( 'חשבון' ) ;
ל ( היה ב = 0 ; אני < לקבל. אורך ; אני ++ ) {
לקבל [ אני ] . בָּדוּק = נָכוֹן ; }
}
לאחר מכן, הגדר פונקציה בשם ' בטל את הסימון () ', והוסיפו את הפונקציונליות ההפוכה בו כדי לסמן את מאפיין התיבה המסומנת כ' שֶׁקֶר ”:
בטל את הסימון של הפונקציה ( ) {להיות עז = מסמך. getElementsByName ( 'חשבון' ) ;
ל ( היה ב = 0 ; אני < לקבל. אורך ; אני ++ ) {
לקבל [ אני ] . בָּדוּק = שֶׁקֶר ; }
}
זה יכול לראות בפלט שהלחצנים שנוספו עובדים בצורה מושלמת:
סיפקנו את השיטות הקלות ביותר לסמן ולבטל את הסימון של כל תיבות הסימון באמצעות JavaScript.
סיכום
לסימון וביטול הסימון של כל תיבות הסימון באמצעות JavaScript, השתמש ב-' document.getElementsByName() 'שיטה עם ' תיבות סימון ' כדי להוסיף תיבת סימון ולגשת לפונקציה, מה שיגרום לסימון תיבות הסימון או להחיל את אותה שיטה עם ' כפתורים ' לכלול שני לחצנים בנפרד לבדיקה ולביטול הסימון של כל הערכים שצוינו. כתבה זו הסבירה את השיטות לסימון ולביטול הסימון של כל תיבות הסימון באמצעות JavaScript.