日期:2014-05-17  浏览次数:20989 次

javascript 实现判定后页面的跳转问题问题
各位大侠快帮忙啊,小弟选修web设计,后天交作业,但做到一半时遇到了一个很困扰人的问题。就是我想用javascript实现登界面的判断与跳转,如果单选按钮选的是访客的话,点击提交按钮即可直接实现跳转页面,跳转到另一个一面(如1.jsp),只有对数据的浏览权,如果选的是版主,则需要输入名字和密码(直接设定一个固定的值即可,不需连接数据库,因为版主只有一个人),若用户名和密码都争取,点击提交按钮才跳转,跳转到另一个页面(如2.jsp),版主有有修改数据的权限。 我现在最主要的问题是,由于对javascript不熟悉,可能格式有问题,页面实现不了跳转。。。。html文件是在dreamweaver中作的,希望大家帮小弟看看。。。最好能给出一个可行的解决方案。下面是我的html源程序相关部分,以及我自己加的script标签。
  <span class="STYLE18">请选择登陆类型:</span><br />
        <br />
         </span>
<script language="javascript" type="text/javascript" src="chk.js">
</script>//是我自己加的
  <span class="STYLE7"><span class="STYLE19">
  <input name="radiobutton" type="radio" value="1" checked="checked" onclick="chK(this.value)" />
  访客</span><span class="STYLE3"><br />
         <br />
           </span></span><span class="STYLE7">
  <input type="radio" name="radiobutton" value="2" onclick="chK(this.value)" />
  <span class="STYLE19">版主</span></span></label>
  <p>                  
  <label><span class="STYLE17">Username</span>
  <input type="text" name="textfield2" />
  </label>
  </p>
  <p>          
  <label><span class="STYLE17">    Password </span>
  <span class="STYLE16">
  <input type="text" name="textfield" />
  </span> </label>
  </p>
  <p>           </p>
  <p>                        <span class="STYLE18">
  <label>
  <span class="STYLE21">提
   
  交:</span></label>
  </span>      
  <input name="Submit" type="submit" class="STYLE16" value="提交" onclick="chkR()" />
  </p>
<script language="javascript" type="text/javascript" src="chkr.js">
</script>//我自己加的。


  chk.js文件//做测试用
  function chK(vid)
{
  var flagt=1;
  if(vid==2)
  flagt=2;
return flagt;
}
  chkr.js文件//同样做测试用

function chkR()
{ var f=chk;
 
alert("word");

}

然后我就在浏览器中运行了,结果点击了提交按钮后连alert都不显示。。。 
  哎,闹心啊,最主要讲的太宽泛,一门课讲了十几门技术,都是泛泛而谈,再加上现在可比较多,平时没学到什么东西,现在让做东西,闹心啊,各位走过路过的大哥大姐,帮帮忙啊,帮我看看这个javascript代码哪里有问题,最好将chkR中实现页面跳转的语句也写出来,不胜感激




 

------解决方案--------------------
html网页:
HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript" type="text/javascript" src="jmnian.js">
</script>
</head>

<body>
<form i