点击单选按钮如何实现页面跳转？

fei0668 2010-05-19 04:49:16

注册用户数查询：
<input type="radio" name="radiobutton" value="radiobutton" />
按天查询
<input type="radio" name="radiobutton" value="radiobutton" />
按周查询
<input type="radio" name="radiobutton" value="radiobutton" />
按月查询

点击按钮后能自动跳转到相关页面，如何用JS来实现？

...全文

1072 10 打赏收藏转发到动态举报

写回复

10 条回复

切换为时间正序

请发表友善的回复…

发表回复

odejia 2010-05-19

打赏
举报

回复

楼上是对的。

ranjio_z 2010-05-19

打赏
举报

回复

<input type="radio" name="radiobutton" value="radiobutton1" id="r1"/>
<label for="r1">按天查询</label>
<input type="radio" name="radiobutton" value="radiobutton2" id="r2"/>
<label for="r2">按周查询</label>
<input type="radio" name="radiobutton" value="radiobutton3" id="r3"/>
<label for="r3">按月查询</label>
<input type="button" value="查询" onclick="query()"/>
<script type="text/javascript">
function query(){
if(document.getElementById("r1").status==true)window.open("1.htm");
if(document.getElementById("r2").status==true)window.open("2.htm");
if(document.getElementById("r3").status==true)window.open("3.htm");
}
</script>

灬上海爽爷 2010-05-19

打赏
举报

回复

<input type="radio" name="radiobutton" value="radiobutton" onclick="javascript:location.href='http://www.baidu.com'" />
按天查询
<input type="radio" name="radiobutton" value="radiobutton" onclick="javascript:location.href='http://www.google.cn'" />
按周查询
<input type="radio" name="radiobutton" value="radiobutton" onclick="javascript:location.href='http://www.csdn.net.cn'" />

是单选啊。

fei0668 2010-05-19

打赏
举报

回复

是点击单选选项，不是按钮。

fei0668 2010-05-19

打赏
举报

回复

测试了还不行啊。。。

fei0668 2010-05-19

打赏
举报

回复

谢谢大家指点！

灬上海爽爷 2010-05-19

打赏
举报

回复

<input type="radio" name="radiobutton" value="radiobutton" onclick="javascript:location.href='http://www.baidu.com'" />
按天查询
<input type="radio" name="radiobutton" value="radiobutton" onclick="javascript:location.href='http://www.google.cn'" />
按周查询
<input type="radio" name="radiobutton" value="radiobutton" onclick="javascript:location.href='http://www.csdn.net.cn'" />
新窗口的话location.href改成javascript:window.open('http://www.baidu.com')"

灬上海爽爷 2010-05-19

打赏
举报

回复

onclick,onchange都行吧。。

guansong8079776 2010-05-19

打赏
举报

回复



  <input type="radio" name="radiobutton" value="radiobutton" onclick="location=page1.html" />  

  按天查询

  <input type="radio" name="radiobutton" value="radiobutton" onclick="location=page2.html" />  

  按周查询  

  <input type="radio" name="radiobutton" value="radiobutton" onclick="location=page3.html" />  

  按月查询

wujinjian2008n 2010-05-19

打赏
举报

回复

给三个单选按钮各加个 onclick 事件不久好了吗

ASP单选按钮实现页面跳转并传值，很简单的代码，可以看一下。

学习JAVA内置对象实验，1、设计教师与学生不同登陆界面：在同一页面上设计两个单选按钮（教师、学生），当点击提交按钮后，进入相应的教师或学生登录JSP页面。当用户名及密码均正确时，进入欢迎界面；如果两者其一不正确就要提醒需要重新输入。 2、参照任一电子商城的注册页面，编写一个用户注册的页面(register.html)，提交后由register.jsp负责处理，并将用户信息在网页上输出（使用out）； 3、编写程序，实现3秒后自动跳转到指定的某页面的功能。

课程首先介绍了Flutter的主要知识，通过4个案例消化吸收知识点。并通过手把手一步步带您完成一个【我的备忘录】APP项目，使得您真正认识Flutter在实际项目中的优势。通过本课程学习您可以学习到Flutter技术如下知识：第1章 Flutter概述知识点：移动应用开发现状、移动应用开发类型、Hybrid与移动跨平台开发策略、Flutter是什么？、Flutter特点、Flutter体系结构。第2章 Flutter开发环境搭建知识点：基于Windows的Android开发环境、基于macOS的iOS开发环境、IDE开发工具设置。第3章 Flutter基础知识点：完成一个Flutter程序、一切都是组件（Widget）、组件分类、使用图片和图标资源、使用文本组件、增加调试组件工具。第4章布局组件知识点：Flutter布局概述、容器布局（Container）、行（Row）、列（Column）布局、层叠布局、ListView、GridView。第5章 Material风格组件知识点：按钮、输入框、复选框、单选按钮、开关按钮、滑块。第6章 iOS Cupertino风格组件知识点：iOS Cupertino页面、Cupertino按钮、Cupertino开关按钮、Cupertino滑块、Cupertino分段控件。第7章状态管理知识点：状态管理概述、局部状态管理、全局状态管理。第8章导航知识点：导航概述、面包屑导航、标签导航、页面组件分散在不同文件中、全局状态管理与导航。第9章工程依赖管理知识点：工程依赖管理概述、pub依赖管理工具。第10章数据存储知识点：Flutter数据存储策略、键值对数据存储、文件数据存储、SQLite数据存储、示例：数据CRUD操作。第11章网络通信知识点：搭建自己的Web服务器、使用http包、示例：城市信息列表。第12章项目实战：我的备忘录APP知识点：备忘录APP项目说明、备忘录项目后台Web服务API说明、备忘录APP项目分析与设计、初始化工程、持久层实现、表示层实现。

主要介绍了javascript实现点击单选按钮链接转向对应网址的方法,涉及javascript鼠标事件及页面跳转的相关技巧,简单实用,具有一定参考借鉴价值,需要的朋友可以参考下

选择单选按钮跳转不同页面黑粉黑底很厚的

87,915

社区成员

224,619

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章