Проблема с Jquery Mobile Checkbox

Question

Я пытаюсь изменить статус флажка (отмечен / снят) с помощью JQM.

В части HTML у меня есть флажок, кнопка Очистить и кнопка Установить.

В части Java Script у меня есть код, чтобы очистить и установить флажок "флажок" значение с помощью кнопок

 HTML code piece:
 ----------------
 <label><input type="checkbox" name="checkboxName" id="checkboxID">checkbox</label>
 <a href="#" id="clear" data-role="button" data-inline="true" data-theme="b">Clear</a>
 <a href="#" id="set" data-role="button" data-inline="true" data-theme="b">Set</a>

 JS code piece:
 --------------
 $("#clear").click(function() {
    $('#checkboxID').filter(':checkbox').prop('checked',false);
 });

 $("#set").click(function() {
    $('#checkboxID').filter(':checkbox').prop('checked',true);
 });

Проверьте этот пример в: http://jsfiddle.net/VXwzp/14/

Вы заметите, нажав кнопку Установить или Очистить, она не работает.

Я использую Google Chrome версии 26.0.1410.64 м

Я заметил, что если я удаляю тег из ввода, он работает нормально, но стиль JQM не учитывается.

 <input type="checkbox" name="checkboxName" id="checkboxID">

Проверьте пример в: http://jsfiddle.net/QLzBX/1/

У вас есть идеи, как заставить его работать с помощью JQM?

заранее спасибо

Alvaro

Answer 1

Рабочий пример: http://jsfiddle.net/Gajotres/VXwzp/15/

$("#clear").click(function() {
    $('#checkboxID').filter(':checkbox').prop('checked',false).checkboxradio("refresh");
});

$("#set").click(function() {
    $('#checkboxID').filter(':checkbox').prop('checked',true).checkboxradio("refresh");
});

При работе с jQuery Mobile вы должны понимать, как можно изменить разметку виджетов, чтобы узнать, посмотрите на мой другой ответ: jQuery Mobile: Разметка Улучшение динамически добавляемого контента