Semantic UI Radio Buttons do not check when clicking the label

jquery html css semantic-ui
Douglas Gaskell picture Douglas Gaskell · Jan 10, 2016 · Viewed 9.5k times · Source

As the title says, the radio buttons do not check when the label (tex) is clicked. However this seems to work fine on Semantic's site.

Semantic UI Documentation with working radio buttons: http://semantic-ui.com/modules/checkbox.html

The following example code is straight from the Semantic UI Documentation above:

How can I fix this?

Edit: Apparently I need some javascript for the radio buttons as is mentioned here: http://semantic-ui.com/modules/checkbox.html#/usage. I'm having trouble finding the minimum required code for a working radio button/checkbox though.

Answer

Douglas Gaskell picture Douglas Gaskell · Jan 10, 2016

I needed $('.ui.checkbox').checkbox(); in my Javascript.

Related questions

How to toggle content in Semantic UI buttons?

The documentation says a button can be formatted to toggle on or off, but the example given is merely <div class="ui toggle button"> Vote </div> which naturally, doesn't work. An inspection of the source code …

Read More
Slide right to left?

How can I have a div go from collapsed to expanded (and vice versa), but do so from right to left? Most everything I see out there is always left to right.

Read More
Click button copy to clipboard using jQuery

How do I copy the text inside a div to the clipboard? I have a div and need to add a link which will add the text to the clipboard. Is there a solution for this? <p class="content"&…

Read More