checkbox

checkbox

Bir html bileşenidir. Çoklu seçmeli formlarda kullanım alanı bulur. Örneğin bir anket formu düşünelim.

Kullanıcının birden fazla seçeneği seçebilmesini istiyorsak kullanmamız gereken bileşen checkbox olmalıdır. Yok sadece tek seçenek seçebilsin istiyorsak kullanmamız gereken html bileşeni radio olmalıdır.

Eski html standardında sadece checked özelliği mevcuttu. Bu özellik seçili ve seçili değil olarak iki durumu adresleyebiliyor. Ancak html5 ile birlikte indeterminate adında bir özelliğe daha kavuşmuştur. Böylece kesinlikle seçili ile kesinlikle seçili değil arasında "belirsiz" veya "kısmen seçili" anlamına gelen bir durum daha adreslenmiş olur. Bu durumdaki bir checkbox submit edildiğinde varsayılan olarak seçili değil şeklinde yorumlanacaktır.

Bu yapı aslında dinamik formlarda (javascript ile güçlendirilmiş formlarda) daha etkili bir arayüz için gerekli görselliği sağlar.

Mesela bir grup seçenek düşünelim örneğin şehir listesi olsun. Bu grubun en tepesinde bir checkbox daha olsun. Seçildiğinde bütün şehirleri tek seferde seçili hale getirmeyi sağlıyor diyelim. Bütün bu şehir grubu seçili ise tepedeki checkbox da seçili görünüme gelmeli. Ancak diyelim ki önce tüm şehirler seçildi ancak içinden bir kaç tanesinin seçimi temizlenirse en tepedeki checkbox'ın seçili görünmde kalmaya devam etmesi anlamsız olurdu. İşte böyle senaryolarda en tepedeki checkbox'ın indeterminate özelliği true olarak ayarlanırsa görünümü de bu duruma uygun biçimde ayarlanmış olur.