0500_jquery_ui_button_for_checkbox.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").button();
      });
    </script>
  </head>
  <body>
    <input type="checkbox" id="main" />
    <label for="main">購読する</label>
  </body>
</html>