Radio Buttonset с JqueryUI - изменить на выбор

Question

Я нашел этот отличный скрипт jqueryui buttonset здесь на stackru. Это было предназначено для флажка, и я нуждался в этом для переключателей.

Здесь: http://jsbin.com/eyonu5

По сути, я хочу поменять иконку в зависимости от текущего выбора. Прямо сейчас это только меняет или выключает значок, основываясь на переключателе "только нажмите".

Буду признателен за любую оказанную помощь.

Спасибо

Answer 1

Это, вероятно, не самый эффективный способ написать это... но это работает. Редактирование вашей ссылки JSBIN

---

var noIcon = {primary: null, secondary: null}
var withIcon = {primary: 'ui-icon-custom-tick', secondary: null};

$('input[name="mainautoresize"]:radio').change(function() {
    if( $('input:not(:has(:radio:checked))') ) {
        $('input:not(:has(:radio:checked))').button("option", "icons", noIcon).button('refresh');
    }

    if($('input:radio:checked') ) {
        $(this).button("option", "icons", withIcon).button('refresh');
    }
});

$('#mainautoresize').buttonset();​