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下的Live方法和$.browser方法使用代码
Jun 02 Javascript
js+JQuery返回顶部功能如何实现
Dec 03 Javascript
jquery基本选择器匹配多个元素的实现方法
Sep 05 Javascript
js获取元素下的第一级子元素的方法(推荐)
Mar 05 Javascript
Angular中的$watch、$watchGroup、$watchCollection
Jun 25 Javascript
AngularJS 实现点击按钮获取验证码功能实例代码
Jul 13 Javascript
vue实现全选和反选功能
Aug 31 Javascript
vue.js input框之间赋值方法
Aug 24 Javascript
基于mpvue的简单弹窗组件mptoast使用详解
Aug 02 Javascript
微信小程序swiper组件实现抖音翻页切换视频功能的实例代码
Jun 24 Javascript
如何使用RoughViz可视化Vue.js中的草绘图表
Jan 30 Vue.js
JavaScript 对象创建的3种方法
Nov 17 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
使用PHPMYADMIN操作mysql数据库添加新用户和数据库的方法
2010/04/02 PHP
WordPress中用于获取及自定义头像图片的PHP脚本详解
2015/12/17 PHP
PHP面向对象程序设计类的定义与用法简单示例
2016/12/27 PHP
PHP实现的字符串匹配算法示例【sunday算法】
2017/12/19 PHP
学习jquery必备 api中英文对照的chm手册 下载
2007/05/03 Javascript
js实现按钮加背景图片常用方法
2014/11/01 Javascript
基于豆瓣API+Angular开发的web App
2015/01/02 Javascript
js简单实现Select互换数据的方法
2015/08/17 Javascript
解决拦截器对ajax请求的拦截实例详解
2016/12/21 Javascript
canvas绘制环形进度条
2017/02/23 Javascript
Node.js学习之查询字符串解析querystring详解
2017/09/28 Javascript
vue-cli 自定义指令directive 添加验证滑块示例
2017/10/19 Javascript
使用async-validator编写Form组件的方法
2018/01/10 Javascript
JS实现DOM删除节点操作示例
2018/04/04 Javascript
[06:07]DOTA2-DPC中国联赛 正赛 Ehome vs VG 选手采访
2021/03/11 DOTA
用Python写飞机大战游戏之pygame入门(4):获取鼠标的位置及运动
2015/11/05 Python
python实现多线程的两种方式
2016/05/22 Python
Python3 获取一大段文本之间两个关键字之间的内容方法
2018/10/11 Python
Python在图片中插入大量文字并且自动换行
2019/01/02 Python
Python实现京东秒杀功能代码
2019/05/16 Python
处理python中多线程与多进程中的数据共享问题
2019/07/28 Python
Python TCPServer 多线程多客户端通信的实现
2019/12/31 Python
html5-websocket基于远程方法调用的数据交互实现
2012/12/04 HTML / CSS
使用分层画布来优化HTML5渲染的教程
2015/05/08 HTML / CSS
StubHub美国:购买或出售您的门票
2019/07/09 全球购物
英国百年闻名的优质健康产品连锁店:Holland & Barrett
2019/12/19 全球购物
精选干货:Java精选笔试题附答案
2014/01/18 面试题
高中美术教学反思
2014/01/19 职场文书
教育学习自我评价
2014/02/03 职场文书
评析教师个人的自我评价
2014/02/19 职场文书
工业设计毕业生自荐信
2014/04/13 职场文书
2014党委书记四风对照检查材料思想汇报
2014/09/21 职场文书
关于安全的广播稿
2014/10/23 职场文书
销售经理岗位职责范本
2015/04/02 职场文书
Django debug为True时,css加载失败的解决方案
2021/04/24 Python
Python基础数据类型tuple元组的概念与用法
2021/08/02 Python