Office Fabric UI如何检查choicefieldgroup单选按钮(javascript/jquery)

Question

我正在用JavaScript和jQuery开发一个OfficeApp，它几乎已经完成了，除了一个函数没有完成它应该做的事情。我有这个用于choicefieldgroup的html：

            <div class="ms-ChoiceFieldGroup" id="choicefieldgroup" role="radiogroup">
                <div class="ms-ChoiceFieldGroup-title">
                    <label class="ms-Label" id="lblSelectType">Select type:</label>
                </div>
                <ul class="ms-ChoiceFieldGroup-list">
                    <li class="ms-RadioButton">
                        <input tabindex="-1" type="radio" class="ms-RadioButton-input" id="radio1-amount" value="amount">
                        <label role="radio" class="ms-RadioButton-field" tabindex="0" aria-checked="false" name="choicefieldgroup">
                            <span class="ms-Label" id="lblAmount">Amount</span>
                        </label>
                    </li>
                    <li class="ms-RadioButton">
                        <input tabindex="-1" type="radio" class="ms-RadioButton-input" id="radio1-datetime" value="datetime">
                        <label role="radio" class="ms-RadioButton-field" tabindex="0" aria-checked="false" name="choicefieldgroup">
                            <span class="ms-Label" id="lblDateTime">Date / time</span>
                        </label>
                    </li>
                    <li class="ms-RadioButton">
                        <input tabindex="-1" type="radio" class="ms-RadioButton-input" id="radio1-year" value="year">
                        <label role="radio" class="ms-RadioButton-field" tabindex="0" aria-checked="false" name="choicefieldgroup" id="testjaar">
                            <span class="ms-Label" id="lblYear">Year</span>
                        </label>
                    </li>
                </ul>
            </div>

在javascript中，我执行以下操作：

Office.initialize = function (reason) {
    $(document).ready(function () {
        **$('input[id=radio1-year]').attr('checked', true);**

        var ChoiceFieldGroupElements = document.querySelectorAll(".ms-ChoiceFieldGroup");
        for (var i = 0; i < ChoiceFieldGroupElements.length; i++) {
            new fabric['ChoiceFieldGroup'](ChoiceFieldGroupElements[i]);
        }
    });
};

使用粗线时，应选中该选项。如果我签入代码，则会选中该选项，但它不会显示在UI中。我做错了什么。或者我必须添加一些额外的东西吗？代替粗线，我还使用了以下内容(结果相同(：

$('#radio1'(.prop('checked'，true(

Answer 1

我认为标签是控制UI的东西。

尝试$('#radio1-year').siblings('label').attr('aria-checked',true);