jQuery-UI リンク・チェックボックス・ラジオボタン

※従来のリンク / チェックボックス / ラジオボタン





※jQuery-UIのリンク / チェックボックス / ラジオボタン







<div>
  <a id="a" href="http://officeyone.s324.xrea.com/officeyone.shop/">Anchor</a>
</div>
<div class="group">
  <input id="ch1" type="checkbox" />
  <label for="ch1">Check1</label>
  <input id="ch2" type="checkbox" checked="checked" />
  <label for="ch2">Check2</label>
  <input id="ch3" type="checkbox" />
  <label for="ch3">Check3</label>
</div>
<div class="group">
  <input id="r1" type="radio" name="r" />
  <label for="r1">Radio1</label>
  <input id="r2" type="radio" name="r" checked="checked"/>
  <label for="r2">Radio2</label>
  <input id="r3" type="radio" name="r" />
  <label for="r3">Radio3</label>
</div>
<script type="text/javascript">
  $(function() {
    $('#a').button();
    $('.group').buttonset();
  });
</script>