examples/form/check-radio.html

   1 <html>
   2 <head>
   3     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
   4     <title>Checkbox / Radio Groups</title>
   5     <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
   6     <script type="text/javascript" src="../../adapter/ext/ext-base.js"> </script>
   7     <script type="text/javascript" src="../../ext-all-debug.js"> </script>
   8
   9     <script type="text/javascript" src="check-radio.js"> </script>
  10
  11     <link rel="stylesheet" type="text/css" href="../shared/examples.css" />
  12     <style>
  13         .x-check-group-alt {
  14             background: #D1DDEF;
  15             border-top:1px dotted #B5B8C8;
  16             border-bottom:1px dotted #B5B8C8;
  17         }
  18     </style>
  19 </head>
  20 <body>
  21     <h1>Checkbox / Radio Groups</h1>
  22     <p>This demonstrates the flexible layout capabilities of the CheckboxGroup and RadioGroup classes. It also
  23     shows that you can validate checkboxes/radios as a group &mdash; try submitting the form before changing
  24     any values to see this.</p>
  25     <p>The js is not minified so it is readable. See <a href="check-radio.js">check-radio.js</a>.</p>
  26     <div id="form-ct"></div>
  27 </body>
  28 </html>