equal
deleted
inserted
replaced
1 <!DOCTYPE html> |
|
2 <html lang="en"> |
|
3 <head> |
|
4 <meta charset="UTF-8" /> |
|
5 <title>jQuery UI Button - Radio Buttons demo</title> |
|
6 <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" /> |
|
7 <script type="text/javascript" src="../../jquery-1.4.2.js"></script> |
|
8 <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script> |
|
9 <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script> |
|
10 <script type="text/javascript" src="../../ui/jquery.ui.button.js"></script> |
|
11 <link type="text/css" href="../demos.css" rel="stylesheet" /> |
|
12 <script type="text/javascript"> |
|
13 $(function() { |
|
14 $("#radio").buttonset(); |
|
15 }); |
|
16 </script> |
|
17 <style> |
|
18 |
|
19 </style> |
|
20 </head> |
|
21 <body> |
|
22 |
|
23 <div class="demo"> |
|
24 |
|
25 <form> |
|
26 <div id="radio"> |
|
27 <input type="radio" id="radio1" name="radio" /><label for="radio1">Choice 1</label> |
|
28 <input type="radio" id="radio2" name="radio" checked="checked" /><label for="radio2">Choice 2</label> |
|
29 <input type="radio" id="radio3" name="radio" /><label for="radio3">Choice 3</label> |
|
30 </div> |
|
31 </form> |
|
32 |
|
33 </div><!-- End demo --> |
|
34 |
|
35 |
|
36 |
|
37 <div class="demo-description"> |
|
38 |
|
39 <p>A set of three radio buttons transformed into a button set.</p> |
|
40 |
|
41 </div><!-- End demo-description --> |
|
42 |
|
43 |
|
44 |
|
45 </body> |
|
46 </html> |
|