Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js" type="text/javascript"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" type="text/javascript"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
    <script type="text/javascript" language="javascript">
      function checkform()
      {
        console.log(document.getElementById("one").checked);
      }
    </script>
  </head>
​
  <body>
    <form id="main_form" method="post" action="{{ url_for('form_submission') }}">
      <div class="btn-group" onclick="checkform()" id="howmany" data-toggle="buttons">
        <label class="btn btn-primary">
          <input type="radio" name="number" id="zero" value="Zero">Zero
        </label>
        <label class="btn btn-primary active">
          <input type="radio" name="number" checked="" value="One" id="one">One
        </label>
        <label class="btn btn-primary">
          <input type="radio" name="number"  value="Many">Many
        </label>
      </div>
    </form>
  </body>
</html>
​
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers