Radio jquery установить checked: Работа с Radio Button в JQuery

JQuery Mobile Docs — Радиокнопки

Радиокнопки

• Основы
• Опции
• Методы
• События

Радиокнопки используются для предоставления списка опций, где можно выбрать только один элемент. Традиционные радиокнопки на рабочем столе не оптимизированы для сенсорного ввода, поэтому jQuery Mobile меняет метку на для радиокнопок, чтобы они были крупнее и выглядели кликабельными. Пользовательский набор значков добавляется к этикетке для обеспечения дополнительной визуальной обратной связи.

Элементы радиоуправления ниже используют стандартную разметку ввода/меток, но они оформлены так, чтобы они были более удобными для сенсорного управления. Стилизованный элемент управления, который вы видите, на самом деле является элементом метки, который находится над реальным вводом, поэтому, если изображения не загружаются, у вас все еще будет функциональный элемент управления.

Вертикально сгруппированные радиокнопки

Чтобы создать набор переключателей, добавьте input с атрибутом type="radio" и соответствующей меткой . Установите атрибут для метки , чтобы он соответствовал id входа , чтобы они были семантически связаны.

Элемент label отображается рядом с элементом радиоформы. Оберните переключатели в набор полей элемент с легендой , которая выступает в качестве заголовка вопроса.

Чтобы визуально интегрировать несколько переключателей в вертикально сгруппированный набор кнопок, платформа автоматически удалит все поля между кнопками и закруглит только верхний и нижний углы набора, если в элементе есть атрибут data-role="controlgroup" . контейнер.

  

Выберите питомца:
 
     
     Кот
     
     Собака
     
     Хомяк
     
     Ящерица
   
 

Это создаст вертикально сгруппированный набор переключателей. Стили по умолчанию задают ширину группы кнопок равной 100% от родительского контейнера и размещают легенду на отдельной строке.

Мини-версия

Чтобы получить более компактную версию, которая будет полезна на панелях инструментов и в ограниченном пространстве, добавьте к элементу атрибут data-mini="true" , чтобы создать мини-версию.

 data-mini="true"  >
    
    Кредит

    Дебет
    
    
    Наличные

 

Это приведет к созданию радиокнопки, которая не такая высокая, как в стандартной версии, и имеет меньший размер текста.

Полевые контейнеры

При необходимости поместите радиокнопки в контейнер с атрибутом data-role="fieldcontain" , чтобы помочь визуально сгруппировать его в более длинной форме.

  
 
    

    
Выберите питомца:
         
         Кот
         
         Собака
         
         Хомяк
         
          Ящерица
    
  
  

Выберите питомца: Кот Собака Хомяк Ящерица

Наборы горизонтальных переключателей

Радиокнопки также можно использовать для сгруппированных наборов кнопок, где одновременно можно выбрать только одну кнопку, например, элемент управления переключателем видов. Чтобы сделать горизонтальный набор переключателей, добавьте data-type="horizontal" к набору полей .

: отмечено {
  /* ... */
}