How do I turn this radio button javascript to a link activated javascript
<p>Just as the title says, I have this javascript that is currently being controlled by radio buttons but I want it changed to be controlled by a hyperlink</p>

<p>Javascript:</p>

<pre><code>   function Init()
   {
        document.role_form.reset();
        document.host_form.reset();
        document.guest_form.reset();

       //MBR Code: Use querystring to initialize the form
       var sRole = GetQueryString()["role"];
       if (sRole) {
            SelectRole(sRole)
            if (sRole != '')
            {
                document.role_form.role[0].checked = sRole.toLowerCase() == 'host';
                document.role_form.role[1].checked = sRole.toLowerCase() == 'guest';
            }

       }    
</code></pre>

<p>current HTML form (Radio buttons):</p>

<pre><code>    &lt;form name="role_form"&gt;
&lt;p align="center" style="FONT-SIZE:12px; COLOR:#000000; TEXT-ALIGN:center"&gt;
&lt;input name="role" id="role" type="radio" value="host" onClick="SelectRole('host')"&gt;
&lt;span class="blackbodymain "&gt;Host&amp;nbsp;&lt;/span&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
&lt;input name="role"  id="role" type="radio" value="guest" onClick="SelectRole('guest')"&gt;
&lt;span class="blackbodymain "&gt;Participant &lt;/span&gt;&lt;/p&gt;
 &lt;/form&gt;
</code></pre>

<p>And how I want to control it:</p>

<pre><code>&lt;ul id="loginmenu"&gt;
            &lt;li class="active"&gt;&lt;a href="#host" onClick="SelectRole('host')"&gt;Host&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#participant" onClick="SelectRole('guest')"&gt;Participant&lt;/a&gt;&lt;/li&gt;

        &lt;/ul&gt;
</code></pre>
