Checkboxradio — jQuery Mobile

Виджет Checkboxradioверсия добавлена: 1.0

Описание: Создаёт виджет checkboxradio

Быстрый переход

Параметры

Методы

События

Виджет checkboxradio jQuery UI включён в jQuery Mobile с некоторыми изменениями. Таким образом, его документация API полностью описывает его функциональность.

Параметры

enhanced

Тип: Булево

Значение по умолчанию: false

Указывает, что разметка, необходимая для виджета checkboxradio, предоставлена как часть исходной разметки.

Этот параметр также доступен как атрибут данных: data-enhanced="true".

Примеры кода:

Инициализируйте виджет checkboxradio с указанным параметром enhanced.

$( ".selector" ).checkboxradio({
  enhanced: true
});

Получите или задайте параметр enhanced, после инициализации:

// Getter
var enhanced = $( ".selector" ).checkboxradio( "option", "enhanced" );
 
// Setter
$( ".selector" ).checkboxradio( "option", "enhanced", true );

iconpos

Тип: Строка

Значение по умолчанию: "left"

Позволяет указать, с какой стороны галочки/иконки радиокнопки будет отображаться отметка.

Этот параметр также доступен как атрибут данных: data-iconpos="right".

Примеры кода:

Инициализируйте виджет checkboxradio с указанным параметром iconpos.

$( ".selector" ).checkboxradio({
  iconpos: "right"
});

Получите или задайте параметр iconpos после инициализации:

// Getter
var iconpos = $( ".selector" ).checkboxradio( "option", "iconpos" );
 
// Setter
$( ".selector" ).checkboxradio( "option", "iconpos", "right" );

initSelector

Тип: Селектор

Значение по умолчанию: See below

По умолчанию initSelector для виджета checkboxradio:

"input:not( :jqmData(role='flipswitch' ) )[type='checkbox'],input[type='radio']:not( :jqmData(role='flipswitch' ))"

Примечание: Этот параметр устарел в версии 1.4.0 и будет удалён в версии 1.5.0.
Начиная с jQuery Mobile 1.4.0, параметр initSelector больше не является параметром виджета. Вместо этого он объявлен непосредственно в прототипе виджета. Таким образом, вы можете указать пользовательское значение, обработав событие mobileinit и переопределив initSelector в прототипе:

$( document ).on( "mobileinit", function() {
  $.mobile.checkboxradio.prototype.initSelector = "div.custom";
});

Примечание: Не забудьте подключить обработчик mobileinit после загрузки jQuery, но перед загрузкой jQuery Mobile, так как событие срабатывает в процессе загрузки jQuery Mobile.

Значение этого параметра — строка селектора jQuery. Фреймворк выбирает элементы на основе значения этого параметра и создаёт виджеты checkboxradio для каждого из полученного списка элементов.

(версия устарела: 1.4.0)

mini

Тип: Булево

Значение по умолчанию: null (false)

Если установлено значение true, это отобразит более компактную версию checkboxradio, которая использует меньшую высоту, применяя класс ui-mini к самому внешнему элементу виджета checkboxradio.

Примечание: Параметр mini устарел в версии 1.5 и будет удалён в версии 1.6

Этот параметр также доступен как атрибут данных: data-mini="true".

wrapperClass

Тип:

Значение по умолчанию: null

Сложно написать пользовательский CSS для обертки div вокруг родного элемента input, сгенерированного фреймворком. Этот параметр позволяет указать один или несколько разделенных пробелами имён классов, которые будут добавлены к элементу обертки div фреймворком.

Этот параметр также доступен как атрибут данных: data-wrapper-class="custom-class".

Примечание: Параметр checkboxradio устарел в версии 1.5 и будет удалён в версии 1.6

Примеры кода:

Инициализируйте виджет checkboxradio с указанным параметром wrapperClass.

$( ".selector" ).checkboxradio({
  wrapperClass: "custom-class"
});

Получите или задайте параметр wrapperClass после инициализации:

// Getter
var wrapperClass = $( ".selector" ).checkboxradio( "option", "wrapperClass" );
 
// Setter
$( ".selector" ).checkboxradio( "option", "wrapperClass", "custom-class" );