jquery - ボタン変更テキスト値としてのJquery UIチェックボックス

Question

私は Jquery UI を使用しており、現在チェックボックスのテキストを変更しようとしています (ボタンのように見えます)。何らかの理由で、トグル メソッドを使用して各変更イベントでテキストを変更することができません。これは、IE 8でhtmlがこのように出てくるものです

    <div data-hands-jqui-type='buttonset' data-hands-jqui-props='{"buttonWidth":0,"disabled":false,"handsOnCreate":null}' class='editor-field ui-widget'>
        <label for="IsClosedSunday">Open</label>
        <input data-hands-jqui-props="{}" data-hands-jqui-type="checkfield" data-hands-onchange="Vendor.IsClosedSelected" data-val="true" data-val-required="The Open field is required." id="IsClosedSunday" name="IsClosedSunday" type="checkbox" value="true" />
        <input name="IsClosedSunday" type="hidden" value="false" />
    </div>

私には、ラベルを変更する必要があるように見えますが、ラベルに到達する方法がわかりませんでした。

今、私はこれを使用するために別のスレッドで見つけました:

  $("#IsClosedSunday").button().toggle(function () {

        $(this).button('option', 'label', 'Open');
    },
        function () {
            $(this).button('option', 'label', 'Closed');

        });

この設定で、チェックすると「開く」から「閉じる」に変わりますが、チェックを外すと「開く」に戻りません。

何か案は？