0510_jquery_ui_buttonset_for_checkbox_group.html

<!-- チェックボックスをまとめてボタンにするには？ -->
<!doctype html>
<html>
  <head>
    <meta charset="UTF-8" />
    <link href="assets/jquery.ui/themes/redmond/jquery-ui-1.8.16.custom.css" media="screen" rel="Stylesheet" type="text/css" />
    <script src="assets/jquery.js" type="text/javascript"></script>
    <script src="assets/jquery.ui/ui/jquery-ui-1.8.16.custom.js" type="text/javascript"></script>
    <script type="text/javascript">
      $(function(){
        $("#main").buttonset();
      });
    </script>
  </head>
  <body>
    <div id="main">
      <input type="checkbox" id="check1" /><label for="check1">インターネットで見た</label>
      <input type="checkbox" id="check2" /><label for="check2">知り合いから聞いた</label>
      <input type="checkbox" id="check3" /><label for="check3">雑誌で見た</label>
    </div>
  </body>
</html>