radio.htm 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title></title>
  5. <link href="../../lib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />
  6. <script src="../../lib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
  7. <script src="../../lib/ligerUI/js/core/base.js" type="text/javascript"></script>
  8. <script src="../../lib/ligerUI/js/plugins/ligerRadio.js" type="text/javascript"></script>
  9. <style type="text/css">
  10. </style>
  11. <script type="text/javascript">
  12. $(function () {
  13. $("#d1 input:radio").ligerRadio();
  14. $("#btnGet").click(function () {
  15. var str = "";
  16. $("#d1 input:radio").each(function () {
  17. str += this.checked + ",";
  18. });
  19. alert(str);
  20. });
  21. });
  22. </script>
  23. </head>
  24. <body style="padding:10px">
  25. <form>
  26. <div id="d1">
  27. <table>
  28. <tr><td><input type="radio" value="18-25" name="age" /></td><td>18-25</td></tr>
  29. <tr><td><input type="radio" value="26-35" name="age" /></td><td>26-35</td></tr>
  30. <tr><td><input type="radio" value="36-45" name="age" /></td><td>36-45</td></tr>
  31. </table>
  32. </div>
  33. <input type="button" id="btnGet" value="获取值" class="l-button"/>
  34. </form>
  35. <div style="display:none;">
  36. </div>
  37. </body>
  38. </html>