Jquery UI 1.8.20 fiddle

by antishok

HTML

<script src="http://code.jquery.com/ui/1.8.20/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.20/themes/base/jquery-ui.css">
<div id="radio">
        <input type="radio" id="radio1" name="radio" /><label for="radio1">Choice 1</label>
        <input type="radio" id="radio2" name="radio" checked="checked" /><label for="radio2">Choice 2</label>
        <input type="radio" id="radio3" name="radio" /><label for="radio3">Choice 3</label>
</div>

<br />

<input type="checkbox" id="check" /><label for="check">Toggle</label>

CSS

body {
   padding: 30px;
}

JavaScript

$( "#radio" ).buttonset();
$( "#check" ).button();