comparison jquery-ui/development-bundle/demos/button/radio.html @ 0:b2e4605f20b2

beta version
author dwinter
date Thu, 30 Jun 2011 09:07:49 +0200
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:b2e4605f20b2
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="utf-8">
5 <title>jQuery UI Button - Radios</title>
6 <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
7 <script src="../../jquery-1.5.1.js"></script>
8 <script src="../../ui/jquery.ui.core.js"></script>
9 <script src="../../ui/jquery.ui.widget.js"></script>
10 <script src="../../ui/jquery.ui.button.js"></script>
11 <link rel="stylesheet" href="../demos.css">
12 <script>
13 $(function() {
14 $( "#radio" ).buttonset();
15 });
16 </script>
17 </head>
18 <body>
19
20 <div class="demo">
21
22 <form>
23 <div id="radio">
24 <input type="radio" id="radio1" name="radio" /><label for="radio1">Choice 1</label>
25 <input type="radio" id="radio2" name="radio" checked="checked" /><label for="radio2">Choice 2</label>
26 <input type="radio" id="radio3" name="radio" /><label for="radio3">Choice 3</label>
27 </div>
28 </form>
29
30 </div><!-- End demo -->
31
32
33
34 <div class="demo-description">
35 <p>A set of three radio buttons transformed into a button set.</p>
36 </div><!-- End demo-description -->
37
38 </body>
39 </html>