Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!doctype html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <title>jQuery UI Button - Checkboxes</title>
- <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
- <script src="//code.jquery.com/jquery-1.10.2.js"></script>
- <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
- <link rel="stylesheet" href="/resources/demos/style.css">
- <style>
- #format { margin-top: 2em; }
- </style>
- </head>
- <body>
- <div id="format">
- <input type="checkbox" id="check1"><label for="check1">Option 1<br><img src="http://www.sustainweb.org/img/alert_small_star.png"></label>
- <input type="checkbox" id="check2"><label for="check2">Option 2<br><img src="http://www.sustainweb.org/img/alert_small_star.png"></label>
- <input type="checkbox" id="check3"><label for="check3">Option 3<br><img src="http://www.sustainweb.org/img/alert_small_star.png"></label>
- <p id="text1">Hello</p>
- <p id="text2">Bye</p>
- <p id="text3">Other</p>
- <script>
- $(function() {
- $( "#check" ).button();
- $( "#format" ).buttonset();
- });
- $( "#check2" ).click(function() {
- $( "#text2" ).toggle();
- });$( "#check3" ).click(function() {
- $( "#text3" ).toggle();
- });
- </script>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement