jQueryUI ButtonSet test

Test Fiddle mainly for SO Questions

by ravimallya

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/themes/overcast/jquery-ui.css">
<div id="radio">
  <input type="radio" name="radio" id="radio1" value="Low" /><label for="radio1">Low</label>
  <input type="radio" name="radio"  id="radio2" value="Mid" /><label for="radio2">Mid</label>
      <input type="radio" name="radio" id="radio3" value="High" /><label for="radio3">High</label>
</div>

JavaScript

$(function (){
$('#radio').buttonset();

  $('input[type="radio"]').click(function(){
    if ($(this).is(':checked'))
    {
      alert($(this).val());
    }
  });
});