Speed up development with full-stack environments for every branch.

Learn More

How to add radio button using jQuery UI

2218 Runs 7593 Views 2185 Copies


dipesh.parmar 55

published 4 years ago

    <!doctype html>
    <html lang="en">
      <meta charset="utf-8" />
      <title>jQuery UI Button - Radios</title>
      <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
      <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
      <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
      $(function() {
        $( "#radio" ).buttonset();
      <div id="radio">
        <input type="radio" id="radio1" name="radio" /><label for="radio1">Radio 1</label>
        <input type="radio" id="radio2" name="radio" checked="checked" /><label for="radio2">Radio 2</label>
        <input type="radio" id="radio3" name="radio" /><label for="radio3">Radio 3</label>
    Please login/signup to get access to the terminal.

    Your session has timed out.

    Dismiss (the page may not function properly).