javascript实现点击单选按钮链接转向对应网址的方法


Posted in Javascript onAugust 12, 2015

本文实例讲述了javascript实现点击单选按钮链接转向对应网址的方法。分享给大家供大家参考。具体如下:

这里实现一个按钮特效,当点击复选择框按钮的时候,激活链接,跳转到某网址,这里主要是由onClick派生出来的一些功能,然后配合函数你可以编写出更多的按钮特效来。

运行效果截图如下:

javascript实现点击单选按钮链接转向对应网址的方法

具体代码如下:

<html>
<head>
<title>点击文本框激活链接转向某网址</title>
<SCRIPT>
function go(loc) {
window.location.href = loc;
}
</script>
</head>
<body>
<form name="form">
 <div align="center">
  <input type="radio" name="loc" onClick="go('http://www.baidu.com');">
  百度搜索<br>
  <input type="radio" name="loc" onClick="go('https://3water.com');">
  三水点靠木<br>
  <input type="radio" name="loc" onClick="go('http://www.qq.com');">
  腾讯QQ<br>
 </div>
</form>
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
jQuery入门知识简介
Mar 04 Javascript
IE 当eval遇上function的处理
Aug 09 Javascript
JavaScript中对循环语句的优化技巧深入探讨
Jun 06 Javascript
JavaScript的原型继承详解
Feb 15 Javascript
浅谈js中子页面父页面方法 变量相互调用
Aug 04 Javascript
jQuery.uploadify文件上传组件实例讲解
Sep 23 Javascript
Bootstrap组合上、下拉框简单实现代码
Mar 06 Javascript
Javascript实现页面滚动时导航智能定位
May 06 Javascript
详解vue移动端日期选择组件
Feb 22 Javascript
深入理解Node module模块
Mar 26 Javascript
node将geojson转shp返回给前端的实现方法
May 29 Javascript
layui下拉框获取下拉值(select)的例子
Sep 10 Javascript
jQuery实现动态添加和删除一个div
Aug 12 #Javascript
JavaScript多线程详解
Aug 12 #Javascript
javascript实现在下拉列表中显示多级树形菜单的方法
Aug 12 #Javascript
JavaScript实现同一页面内两个表单互相传值的方法
Aug 12 #Javascript
JavaScript实现点击单选按钮改变输入框中文本域内容的方法
Aug 12 #Javascript
JavaScript检测并限制复选框选中个数的方法
Aug 12 #Javascript
JavaScript入门基础
Aug 12 #Javascript
You might like
Syphon 虹吸式咖啡壶冲煮–拨动法
2021/03/03 冲泡冲煮
用PHP实现登陆验证码(类似条行码状)
2006/10/09 PHP
php设计模式 Adapter(适配器模式)
2011/06/26 PHP
详解PHP实现执行定时任务
2015/12/21 PHP
js中关于String对象的replace使用详解
2011/05/24 Javascript
jquery中选择块并改变属性值的方法
2013/07/31 Javascript
jquery简单实现带渐显效果的选项卡菜单代码
2015/09/01 Javascript
深入解析JavaScript编程中的this关键字使用
2015/11/09 Javascript
JQuery的attr 与 val区别
2016/06/12 Javascript
js倒计时简单实现代码
2016/08/11 Javascript
vuejs2.0实现分页组件使用$emit进行事件监听数据传递的方法
2017/02/22 Javascript
用js屏蔽被http劫持的浮动广告实现方法
2017/08/10 Javascript
ES6学习教程之对象字面量详解
2017/10/09 Javascript
微信小程序实战篇之购物车的实现代码示例
2017/11/30 Javascript
用Axios Element实现全局的请求loading的方法
2018/03/15 Javascript
微信小程序实现倒计时补零功能
2018/07/09 Javascript
详解 微信小程序开发框架(MINA)
2019/05/17 Javascript
JavaScript 中的六种循环方法
2021/01/06 Javascript
[34:56]Ti4冒泡赛LGD vs Liquid 1
2014/07/14 DOTA
[03:12]完美世界DOTA2联赛PWL DAY7集锦
2020/11/06 DOTA
[52:03]DOTA2-DPC中国联赛 正赛 Ehome vs iG BO3 第三场 1月31日
2021/03/11 DOTA
python类中super()和__init__()的区别
2016/10/18 Python
python 读取DICOM头文件的实例
2018/05/07 Python
Python基于Floyd算法求解最短路径距离问题实例详解
2018/05/16 Python
pytorch中的transforms模块实例详解
2019/12/31 Python
Python进程Multiprocessing模块原理解析
2020/02/28 Python
Django中使用Json返回数据的实现方法
2020/06/03 Python
Django DRF路由与扩展功能的实现
2020/06/03 Python
django有哪些好处和优点
2020/09/01 Python
Bibloo匈牙利:女装、男装、童装及鞋子和配饰
2019/04/14 全球购物
网络工程与软件技术毕业生自荐信
2013/09/24 职场文书
技校生自我鉴定
2013/12/08 职场文书
社区消防工作实施方案
2014/03/21 职场文书
社区宣传标语口号
2015/12/26 职场文书
信息技术研修心得体会
2016/01/08 职场文书
python3 字符串str和bytes相互转换
2022/03/23 Python