Bootstrap 5 Checkbox komponenti

Javascript kodi
const inputs = document.getElementsByTagName("input");
for (let i = 0; i < inputs.length; i++) {
inputs[i].indeterminate = true;
}
Nusxalash
Belgilash katakchasini almashtirish tugmalari
Elementlarda .btnemas, balki uslublardan foydalanib, tugmacha kabi belgilash katakchalarini yarating ..form-check-label
Agar kerak bo'lsa, ushbu o'tish tugmachalarini yana tugmalar guruhiga guruhlash mumkin . Tekshirish qutisi tugmalar guruhining misoliga qarang .
dus  Seshanba  Chorshanba  Pays  Juma

Mon



Tue



Wed



Thu



Fri
Nusxalash
Vizual ravishda, bu belgilash katakchalarini almashtirish tugmalari plaginni almashtirish tugmalari bilan bir xil . Biroq, ular yordamchi texnologiyalar orqali boshqacha tarzda uzatiladi: belgilash katakchalarini almashtirish ekranli o'quvchilar tomonidan "belgilangan"/"belgilanmagan" deb e'lon qilinadi (chunki tashqi ko'rinishiga qaramay, ular hali ham belgilash katakchalari), plagin tugmachalarini almashtirish tugmalari esa shunday bo'ladi. "tugma"/"tugma bosildi" deb e'lon qilindi. Ushbu ikki yondashuv o'rtasidagi tanlov siz yaratayotgan almashtirish turiga bog'liq bo'ladi va o'tish tugmasi tasdiqlash qutisi yoki haqiqiy tugma sifatida e'lon qilinganda foydalanuvchilarga mantiqiy bo'ladimi yoki yo'qmi.
Yorliqlarsiz
.form-checkYorliq matni bo'lmagan belgilash katakchalari va radiolar uchun o'rashni o'tkazib yubormang . Yordamchi texnologiyalar uchun (masalan, aria-yorlig'i yordamida) foydalanish mumkin bo'lgan nomni taqdim etishni unutmang. Tafsilotlar uchun shakllar umumiy koʻrinishining maxsus imkoniyatlari boʻlimiga qarang .




Nusxalash
Mos ravishda
Belgilash katakchalari yoki radiolarni bir xil gorizontal qatorga qo'shish orqali .form-check-inlineguruhlang .form-check.
1
2
3 (nogiron)

1

2

3 (disabled)

Nusxalash
Teskari
Belgilash katakchalarini o'zgartiruvchi sinf bilan qarama-qarshi tomonga qo'ying .form-check-reverse.
Teskari katakcha
Teskari belgilash katakchasi o'chirilgan

Reverse checkbox

Disabled reverse checkbox

Nusxalash
Hajmi
Belgilash katakchalari o'lchamni to'rt xil o'lchamda o'zgartirishga imkon beradi: small, medium, large, va extra-large.
Kichik belgilash katakchasi
Oʻrtacha belgilash katakchasi (standart)
Katta katakcha
Juda katta katakcha

Small checkbox

Medium checkbox(Default)

Large checkbox

Extra large checkbox

Nusxalash
Foydalanish imkoniyati
(WAI-ARIA: https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/ )

• 
  Barcha shakl boshqaruv elementlari teglarga ega bo'lishi kerak va bu radio tugmalari, tasdiqlash qutilari va kalitlarni o'z ichiga oladi. Ko'pgina hollarda, bu HTML elementi yordamida amalga oshiriladi .
  
• 
  Agar yorliqdan foydalanib bo'lmasa, atributni bevosita kiritish komponentiga qo'shish kerak bo'ladi. Bunday holda, elementga qo'shimcha atributni (masalan aria-label, aria-labelledby, , ) qo'llashingiz mumkin.title