正如标题所说,我有这个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 </span>
<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>
答案 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;
}