Радио-ящик, получите проверочное значение [iCheck]

Базовая радиокамера

<div> <li> Text</li> <li> Text</li>
</div>

Преобразование iCheck

Как вы видите, флажок прикреплен к div.

$(document).ready(function () { $('input').iCheck({ checkboxClass: 'icheckbox_square-orange', radioClass: 'iradio_square-orange', increaseArea: '20%' // optional }); $("li").on("click", "input", function () { var val = $(this).val(); //updateDataGrid(val); alert(val); }); });

Вопрос и описание

Если javascript правильно работал, прежде чем добавлять плагин icheck, Мне интересно, как получить тот же результат в плагине icheck. Его простой, по щелчку по радио, он сохраняет значение в переменной, а затем переходит к функциям.

Пример в реальном времени: http://jsfiddle.net/9ypwjvt4/

iCheck: http://fronteed.com/iCheck/

4 ответа

Прикрепите обработчик к событию ifChanged:

$('input').on('ifChecked', function(event){ alert($(this).val()); // alert value
});

Есть 11 способов прослушивания изменений:

  • ifClicked - пользователь нажал на пользовательский ввод или назначенный ярлык
  • ifChanged - изменено введенное, отключенное или неопределенное состояние.
  • ifChecked - состояние ввода изменяется на отмеченный
  • ifUnchecked - проверено состояние удалено
  • ifToggled - изменено введенное состояние проверки
  • ifDisabled -входящее состояние изменено на отключенное.
  • ifEnabled - отключено состояние.
  • ifIndeterminate - состояние ввода изменено на неопределенное.
  • ifDeterminate - неопределенное состояние удаляется
  • ifCreatedinput - просто настроен
  • ifDestroyed - настройка просто удалена

JSFIDDLE


Избегайте использования jquery столько, сколько сможете. Вы также можете использовать код ниже;

$('input').on('ifChecked', function(event){ alert(event.target.value); // alert value
});


Используйте этот


$('body').on('ifChecked','.icheck', function(){
//considering icheck is the class of your checkbox and it is getting generated dynamically
});

licensed under cc by-sa 3.0 with attribution.