如何将此单选按钮javascript转换为链接激活的javascript

时间:2010-12-17 16:17:05

标签: javascript

正如标题所说,我有这个javascript,目前正由单选按钮控制,但我希望它改为由超链接控制

使用Javascript:

   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';
            }

       }    

当前的HTML表单(单选按钮):

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

我想如何控制它:

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

        </ul>

1 个答案:

答案 0 :(得分:0)

也许这个问题与selectRole返回的内容有关。我不知道因为我看不到它,但是如果函数返回false(或者评估为false的话)链接不会发生

 <li class="active"><a href="#host" onclick=selectAndGo('host')">Host</a></li>
 <li><a href="#guest' onclick='selectAndGo('guest')">Participant</a></li>

并在javascript中

 function selectAndGo(arg)
 {
      selectRole(arg);
      return true;
}