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 相关文章推荐
非常漂亮的JS代码经典广告
Oct 21 Javascript
用javascript获取textarea中的光标位置
May 06 Javascript
超轻量级的基于jquery的三级展开列表
Apr 26 Javascript
jquery插件开发方法(初学者)
Feb 03 Javascript
js 手机号码合法性验证代码集合
Sep 29 Javascript
javascript实现密码验证
Nov 10 Javascript
原生js获取元素样式的简单方法
Aug 06 Javascript
JS针对Array的各种操作汇总
Nov 29 Javascript
JS正则表达式之非捕获分组用法实例分析
Dec 28 Javascript
vue过滤器用法实例分析
Mar 15 Javascript
ES6知识点整理之对象解构赋值应用示例
Apr 17 Javascript
JS实现滑动导航效果
Jan 14 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
解析php中eclipse 用空格替换 tab键
2013/06/24 PHP
PHP编程中的常见漏洞和代码实例
2014/08/06 PHP
使用PHP免费发送定时短信的实例
2016/10/24 PHP
PHP聚合式迭代器接口IteratorAggregate用法分析
2017/12/28 PHP
TP5框架实现签到功能的方法分析
2020/04/05 PHP
javascript 事件查询综合 推荐收藏
2010/03/10 Javascript
xml转json的js代码
2012/08/28 Javascript
jQuery实现鼠标滑过遮罩并高亮显示效果
2013/07/16 Javascript
基于socket.io和node.js搭建即时通信系统
2014/07/30 Javascript
jQuery中toggleClass()方法用法实例
2015/01/05 Javascript
Uploadify上传文件方法
2016/03/16 Javascript
原生js实现电商侧边导航效果
2017/01/19 Javascript
微信小程序获取用户openId的实现方法
2017/05/23 Javascript
bootstrap时间控件daterangepicker使用方法及各种小bug修复
2017/10/25 Javascript
js构建二叉树进行数值数组的去重与优化详解
2018/03/26 Javascript
vue cli2.0单页面title修改方法
2018/06/07 Javascript
vue+element-ui动态生成多级表头的方法
2018/08/28 Javascript
JS使用iView的Dropdown实现一个右键菜单
2019/05/06 Javascript
python3中获取文件当前绝对路径的两种方法
2018/04/26 Python
对Django的restful用法详解(自带的增删改查)
2019/08/28 Python
关于Numpy中的行向量和列向量详解
2019/11/30 Python
python爬虫基础之urllib的使用
2020/12/31 Python
带有css3动画效果的兼容多浏览器简单导航条示例
2014/01/26 HTML / CSS
CSS3 函数技巧 用css 实现js实现的事情(clac Counters Tooltip)
2017/08/15 HTML / CSS
JDBC操作数据库的基本流程是什么
2014/10/28 面试题
联谊活动策划书
2014/01/26 职场文书
房产公证书范本
2014/04/10 职场文书
售后客服工作职责
2014/06/16 职场文书
2014年民主评议党员个人总结
2014/09/24 职场文书
办公室务虚会发言材料
2014/10/20 职场文书
构建和谐校园倡议书
2015/01/19 职场文书
宾馆客房管理制度
2015/08/06 职场文书
《刷子李》教学反思
2016/02/20 职场文书
高中生物教学反思
2016/02/20 职场文书
python实现简单石头剪刀布游戏
2021/10/24 Python
以下牛机,你有几个
2022/04/05 无线电