在Javascript代码中引用UIkit组件

如何在Javascript中引用UIkit组件？我举了一个小例子来说明我的问题：

这是HTML：

    <div class="uk-panel">
      <div id="myRadios" data-uk-button-radio>
        <button class="uk-button">Option1</button>
        <button class="uk-button">Option2</button>
        <button class="uk-button">Option3</button>
      </div>
    </div>
    <br/>
    <button class="uk-button" onclick="check()">Check Selection</button>

我还创建了一个plunker：

---

谢谢你的帮助

UIkit似乎只切换按钮（我在文档中没有看到任何api），并将class uk active添加到所选按钮。所以可能是这样的：

$('#myRadios button').on('click', function() {
     var selectedValue = $(this).text();
     console.log(selectedValue);
});

---

谢谢你的回答。我想到了这一点，但这更像是一个解决办法。UIKit本身有这个代码块，但我不知道如何在特定元素上访问它：

UI.component（'buttonRadio'，{defaults:{“target”：.uk button}，boot:function（）{}，init:function（）{}，getSelected:function（）{返回这个.find(“.uk active”）；}}}}

我还发现，当我自己在js中初始化按钮时，而不是像

UIkit.buttonRadio（UIkit.$（“#myRadios”）那样在html中初始化按钮时

然后我使用getSelected函数获取元素的引用。我希望该引用位于已初始化的元素上。我找到的唯一东西是

var button=UIkit.buttonRadio（“#myRadios”）；console.log（button.getSelected（））

我认为这是最合理的方式：）这似乎有效。当我第一次测试时，click listener连接了多次，但我无法重现此错误。我在我的（真实）项目中进行了测试，它成功了。非常感谢！

$('#myRadios button').on('click', function() {
     var selectedValue = $(this).text();
     console.log(selectedValue);
});