jQueryUI 单选/复选按钮未以编程方式更改

Question

我可以预见地读取 jQueryUI 单选按钮的值，但是，我无法以编程方式设置它。无论我使用哪种方法更改单选按钮的值，jQueryUI 界面都不会更新其界面。

<div id="radio">
    <input type="radio" name="radio" value="true" checked="checked" />Yes
    <input type="radio" name="radio" value="false" />No
</div>

<script type="text/javascript">
    $('#radio').buttonset();

    // One of the many ways that won't work.
    $('[name="radio"]:radio:checked').val("false");
</script>

Answer 1

更新值后，如下所示:

$('[name="radio"][value="false"]').attr("checked", true);

你需要告诉 jQuery UI 更新，像这样:

$('#radio').buttonset("refresh");

You can give it a try here .