Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
  <head>
       <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> 
  </head>
<body>
 
<form action="">
 <div class="question">
   <p>Your sex:</p>
     <input type="radio" name="sex" value="male">Male<br>
      <input type="radio" name="sex" value="female">Female
 </div>
  <div class="question">
    <p>Your animal:</p>
    <input type="radio" name="animal" value="cat">Cat<br>
    <input type="radio" name="animal" value="dog">Dog
  </div>
  <div class="question">
    <p>Your drink:</p>
    <input type="radio" name="drink" value="water">Water<br>
    <input type="radio" name="drink" value="beer">Beer
  </div>
</form>
  
<p><b>Note:</b> When a user clicks on a radio-button, it becomes checked, and all other radio-buttons with equal name become unchecked.</p>
 
</body>
</html>
Output

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

Dismiss x
public
Bin info
anonymouspro
0viewers