Reference UIkit-Components in Javascript code

Question

How do I reference a UIkit Component in Javascript? I made a small example of my problem:

This is the 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>

And here is the Javascript part:

function check() {
  var selected = $('#myRadios').getSelected();
  var selected2 = $('#myRadios').uk('buttonRadio').getSelected();
  // getSelected() is not defined in both!
}

I also created this as a plunker: http://plnkr.co/edit/U4ELL78YSsBbBHiwGnOQ

Thanks for your help!

Answer 1

UIkit seems to only toggle buttons(I don't see any api inside docs), and adds class uk-active to selected buttons. So maybe something like this:

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