使用JqueryUI的Radio Buttonset - 更改选择

Question

我在stackoverflow上找到了这个很棒的jqueryui buttonset脚本。它用于复选框，我需要它用于单选按钮。

此处：http://jsbin.com/eyonu5

基本上我想要它做的是根据当前选择交换图标。现在它只根据点击单选按钮交换或移出图标。

非常感谢任何帮助。

由于

Answer 1

这可能不是写这篇文章最有效的方法...... 但它有效。 The edit on your jsbin link

---

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();​