js获取radio的值并做相应的跳转

bing.shao

于 2010-06-23 17:15:00 发布

阅读量2.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScirpt技术文章标签： oa办公 input list button border function

本文链接：https://blog.youkuaiyun.com/shaobingj126/article/details/5689757

JavaScirpt技术专栏收录该内容

46 篇文章

订阅专栏

本文展示了一个使用HTML和JavaScript实现的简单登录页面代码。该页面通过选择不同的登录选项（如OA办公系统或邮箱），可以跳转到相应的登录界面。代码中包含了用户名和密码输入框，并通过JavaScript函数控制登录流程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
<head>
<script type="text/javascript">
function printOut()
{
//获取radio的值
var list = document.getElementsByName("abc");

for( i =0 ; i<list.length; i++ )
{

    if( list[i].checked == true )
{
      //如果选择OA办公登录
      if(list[i].value=="oa")
   {
  document.form1.action="http://zx.******.**.cn/wbg/loginin.php";
  document.form1.submit();
        break;
   }
     //如果选择登录邮箱
      if(list[i].value=="mail")
   {
  document.form1.action="http://mail.******.**.cn/cgi-bin/eqwebmail";
  document.form1.submit();
        break;
   }

}

</script>
</head>

<body>
<form name="form1">
<input type=text name="username" size="20"><input type=hidden name="logindomain" value="jinchang.gov.cn"></p>
<input type=password name="password" size="21">
<input type="radio" name="abc" value="oa" checked/>
<input type="radio" name="abc" value="mail" />

<input type ="button" onclick=printOut() />
</form>
</body>
</html>