Переключить значок на кнопке Jquery

Question

У меня есть кнопка JQuery, как это:

$("#Activechk").button();

<input type="checkbox" checked="checked" id="Activechk" /><label for="Activechk">Active</label>

Когда кнопка «включена» или «отмечена», я хочу показать основной значок: ui-icon-check, а когда кнопка «выключена» или «не проверена», я хочу показать основной значок: ui-icon- отменить.

Как бы я это сделал?

Примечание: когда страница загружает начальное значение (проверено или не отмечено) кнопки, полученной из значения в базе данных, пользователь может нажать кнопку переключения и нажать кнопку сохранения.

Answer 1

Нечто подобное должно работать на вас.Вот демо http://jsfiddle.net/387j4/7/

function myclickfunction (element) {
     if (element.checked) {
      $(element).button("option", "icons", { primary: 'ui-icon-check' });
    } else {
      $(element).button("option", "icons", { primary: 'ui-icon-cancel' });
    }
}
$(document).ready(function () {  
  var activechk = $("#Activechk");
  activechk.button();
  activechk.click(function() {
    myclickfunction (this);
  });

  myclickfunction(activechk[0]);
});