Недефинирано състояние на квадратчето за отметка

Едно поле за отметка може да има само две състояния: отметнато и неотметнато. Те могат да имат всякаква стойност, но когато изпращате формуляра, или го предайте (отметнато състояние), или не го изпратете (непроверено състояние). По подразбиране състоянието е без отметка. В HTML можете да контролирате квадратчето за отметка по следния начин:

Визуално едно поле за отметка може да има три състояния: отметнато, неотметнато и недефинирано. Те може да изглеждат така:

Няколко бележки относно квадратчетата за отметка:

Неопределеното състояние е само визуален ефект. Квадратчето за отметка все още е в отметнато или неотметнато състояние. Това означава, че визуалното недефинирано състояние маскира реалното състояние на квадратчето за отметка.

Подобно на самото квадратче за отметка,неговото недефинирано състояние изглежда различно в различните браузъри. Ето пример в Opera 11.50 на Mac:

И защо е необходимо?

Когато разработвате проекти, често има нужда от структура на полето за отметка. Всяко квадратче за отметка може да има дъщерно поле за отметка. Ако всички наследници на дадено поле за отметка са отметнати, тогава родителското поле за отметка също може да бъде отметнато. Ако не е отбелязан наследник, значи не е отбелязан и родителят. Но ако поне едно дете е отметнато, квадратчето за отметка родител е в неопределено състояние (което може да означава „частично отметнато“).

отметка

недефинирано

Примерният код не е идеален - проверява се само едно ниво, за да се въведе неопределено състояние.

Можете също така да организирате превключване между състояния, когато щракнете върху бутона на мишката върху квадратчето за отметка:

състояние
квадратчето

Този урок е подготвен за вас от екипа на ruseller.com Източник на урока: css-tricks.com/13467-indeterminate-checkboxes/ Превод: Сергей Фастунов Урокът е създаден: 15 август 2011 г. Преглеждания: 24041 Правила за препечатване

5 последни урока от рубриката "Разни"

Как да хоствате уебсайта си? Правилно избраният добър хостинг е бъдещето на вашите сайтове

Проектът е готов, всичко е проверено на локалния OpenServer сървър и можете да прехвърлите сайта на хостинга. Но коя фирма да избера? Предлагам да обмислите хостинг на fornex.com. Страхотно място за вашия проект с перспектива за бързо развитие.

Разработка на уебсайт с онлайн платформата Wrike

Създаването на уеб сайт е трудоемък процес, който изисква добре координирано взаимодействие между клиента и изпълнителя, както и между всички членове на екипа, участващи в проекта. И онлайн платформата Wrike ще бъде от голяма помощ в това.

20 Ресурси за създаване на прототипи

Избор от десетки ресурси за създаване на макети и прототипи.

Топ 10 безплатни хостинг услуги

Малка селекция от безплатни хостинг доставчици с подробно описание.

Бърза бележка: Групово АКТУАЛИЗИРАНЕ в MySQL

Не е тайна как да внедрите масово INSERT в MySQL, но с UPDATE може да е трудно. За да не прибягвате до манипулации на събитието ON_DUPLICATE, можете да използвате специалната конструкция CASE ... WHEN ... THEN.