jQuery UI Button Testing
by markallgood
HTML
<script src="http://code.jquery.com/ui/1.9.0-rc.1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.0-rc.1/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>
<hr />
<button id="btnSearch">Search</button>
<button id="btnCenter">Center</button>
JavaScript
$("#radio").buttonset();
$("#radio1").button({
icons: {
primary: "ui-icon-gear"
},
text: false
});
$("#radio2").button({
icons: {
primary: "ui-icon-mail-open"
},
text: false
});
$("#radio3").button({
icons: {
primary: "ui-icon-search"
},
text: false
});
$("#btnSearch").button({
icons: {
primary: "ui-icon-search"
},
text: false
});
$("#btnCenter").button({
icons: {
primary: "ui-icon-home"
},
text: false
});