title: How to use Radio button to open local HTML pages?
body: <p>I am developing a webpage which has radio buttons and pertaining options. On selecting a radio button, I would like to open the corresponding html page. The only solution I found to this problem contained URLs to external webpages, which is something that I don't want.</p>
  
  <p>The HTML code I have right now is:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;Welcome!&lt;/title&gt; 
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;h2&gt;Select your user classification below:&lt;/h2&gt;
  &lt;form &gt;
      &lt;input type="radio" name="usertype" value="admin"&gt;Admin
      &lt;br&gt;
      &lt;input type="radio" name="usertype" value="hod"&gt;HOD
      &lt;br&gt;
      &lt;input type="radio" name="usertype" value="tstaff"&gt;Teaching Staff
      &lt;br&gt;
      &lt;input type="radio" name="usertype" value="ntstaff"&gt;Non Teaching Staff
      &lt;br&gt;
      &lt;input type="radio" name="usertype" value="cr"&gt;CR
      &lt;br&gt;
      &lt;input type="radio" name="usertype" value="student"&gt;Student
      &lt;/br&gt;
      &lt;input type="submit" value="Submit"&gt;
  
  &lt;/form&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>An example: If I select admin and click on submit, I would like to open "admin.html" which is in the same folder as "index.html"</p>
  
  <p><strong>Solutions using Javascript, JQuery and PHP will be appreciated.</strong></p>