title: How do set to open an specific link on submit button based on the 2 separate radio buttons
body: <p>Here is the Code I written </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;form&gt;
      &lt;input type="radio" name="cand" value="fr" onclick="alert('You Have Selected Fresher Level \nPlease Click Next To Proceed');"&gt; Fresher&lt;br&gt;&lt;br&gt;
      &lt;input type="radio" name="cand" value="ex" onclick="alert('You Have Selected Experienced Level \nPlease Click Next To Proceed');"&gt; Experienced&lt;br&gt;&lt;br&gt;
      &lt;input type="button" onclick="location.href='http://google.com';" value="Next" /&gt;
  &lt;/form&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>If suppose user select option 1 (say: freshers) then Link 1 (Fresher form link) Should be open.
  or If select option 2 i.e experienced then experienced link should open.</p>
  
  <p><a href="https://i.stack.imgur.com/EJQVQ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/EJQVQ.png" alt="enter image description here"></a></p>
  
  <p>Please Provide Answer with explanation, I am new to HTML and JavaScript.  </p>