如何使用单选按钮打开本地HTML页面? - javascript

            
        

    

我正在开发一个包含单选按钮和相关选项的网页。选择单选按钮后,我想打开相应的html页面。我发现此问题的唯一解决方案是使用外部网页的URL,这是我不想要的。

我现在拥有的HTML代码是:

<!DOCTYPE html>
<html>
<head>
<title>Welcome!</title> 
</head>
<body>

<h2>Select your user classification below:</h2>
<form >
    <input type="radio" name="usertype" value="admin">Admin
    <br>
    <input type="radio" name="usertype" value="hod">HOD
    <br>
    <input type="radio" name="usertype" value="tstaff">Teaching Staff
    <br>
    <input type="radio" name="usertype" value="ntstaff">Non Teaching Staff
    <br>
    <input type="radio" name="usertype" value="cr">CR
    <br>
    <input type="radio" name="usertype" value="student">Student
    </br>
    <input type="submit" value="Submit">

</form>
</body>
</html>

示例:如果我选择admin并单击Submit,我想打开与“ index.html”位于同一文件夹中的“ admin.html”

使用Javascript,JQuery和PHP的解决方案将不胜感激。

参考方案

$(function(){
   $('form').on('submit',function(){
   event.preventDefault();
       var value=$("input[name=usertype]:checked").val();
	   switch(value){
	     case "admin":  location.href='admin.html'; break;
		 case "hod":  location.href='hod.html'; break;
		 case "tstaff":  location.href='tstaff.html'; break;
		
	   }
   });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<h2>Select your user classification below:</h2>
<form >
    <input type="radio" name="usertype" value="admin">Admin
    <br>
    <input type="radio" name="usertype" value="hod">HOD
    <br>
    <input type="radio" name="usertype" value="tstaff">Teaching Staff
    <br>
    <input type="radio" name="usertype" value="ntstaff">Non Teaching Staff
    <br>
    <input type="radio" name="usertype" value="cr">CR
    <br>
    <input type="radio" name="usertype" value="student">Student
    </br>
    <input type="submit" value="Submit">

</form>

使用C#执行JavaScript页面 - javascript

我正在尝试使用C#抓取一个网站。在此过程中的某个时候,网站返回了我需要执行的JavaScript页面,以便它将生成一些参数,然后使用所生成的参数作为查询变量来发布请求。这是JavaScript文件https://jsfiddle.net/7aw5vr59/浏览器生成的结果文件如下所示:<imimxxxyyy id="ActiveX"…

如何在JavaScript中将多个h1元素替换为h1,h2,h3,h4,h5,h6? - javascript

@foreach (var item in Model) { <div class="panel-heading"> <h1> <a href="#">@item.Title</a> </h1> </div> } 结果; (每页发布数:6)<…

在提交时在表单操作中获取变量丢失 - javascript

            当表单由onchange事件提交时,它不会保留get变量view。任何想法为什么会发生这种情况?提交后,这是它进入的网址,index?month=February&year=2014<form action="index?view=list" class="pure-form pure-fo…

选择后显示输入元素 - javascript

我有一个表格,其中取决于用户的选择,输入元素是否可见。实际上,用户正在以另一种形式设置已定义的合作伙伴类型,并且如果选中该元素,则允许在该类型的合作伙伴上可见的元素类型1将显示以下元素:<input type="text" id="partner" name="partner" class=&…

JavaScript将PHP中的字符串和整数传递给函数 - javascript

我正在尝试将字符串和整数都传递到同一函数中,但是引号引起了问题。我发现错误出在echo $q->info部分,我必须在此代码上使用双引号。有人可以帮我写这个$q->info,但不能获得真正的价值吗?到目前为止,我的代码是<td><a href="javascript:add(<?php echo $q->i…