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

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

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

<div>
　　<a id="a" href="https://office-yone.com/">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>