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学习笔记之jQuery选择器的使用
Dec 22 Javascript
解析javascript 数组以及json元素的添加删除
Jun 26 Javascript
一个字符串反转函数可实现字符串倒序
Sep 15 Javascript
jQuery使用animate创建动画用法实例
Aug 07 Javascript
jquery仿百度百科底部浮动导航特效
Aug 08 Javascript
JS实现自动定时切换的简洁网页选项卡效果
Oct 13 Javascript
JS运动相关知识点小结(附弹性运动示例)
Jan 08 Javascript
基于jQuery实现音乐播放试听列表
Apr 14 Javascript
EasyUI加载完Html内容样式渲染完成后显示
Jul 25 Javascript
很实用的js选项卡切换效果
Aug 12 Javascript
Vue组件中的data必须是一个function的原因浅析
Sep 03 Javascript
Vue 解决路由过渡动画抖动问题(实例详解)
Jan 05 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 表单提交给自己
2008/07/24 PHP
探讨PHP使用eAccelerator的API开发详解
2013/06/09 PHP
解析crontab php自动运行的方法
2013/06/24 PHP
php简单实现MVC
2015/02/05 PHP
学习php设计模式 php实现策略模式(strategy)
2015/12/07 PHP
php提交过来的数据生成为txt文件
2016/04/28 PHP
php使用PDO事务配合表格读取大量数据插入操作实现方法
2017/02/16 PHP
PHP单元测试框架PHPUnit用法详解
2019/01/23 PHP
PHP实现百度人脸识别
2019/05/06 PHP
在多个页面使用同一个HTML片段《续》
2011/03/04 Javascript
14个有用的Jquery技巧分享
2015/01/08 Javascript
jQuery+css3动画属性制作猎豹浏览器宽屏banner焦点图
2015/03/16 Javascript
第二次聊一聊JS require.js模块化工具的基础知识
2016/04/17 Javascript
JS中闭包的经典用法小结(2则示例)
2016/12/28 Javascript
angular中实现控制器之间传递参数的方式
2017/04/24 Javascript
Javascript中 toFixed四舍六入方法
2017/08/21 Javascript
vue cli 3.0 使用全过程解析
2018/06/14 Javascript
vue-rx的初步使用教程
2018/09/21 Javascript
javascript实现手动点赞效果
2019/04/09 Javascript
解决layer 动态加载select 失效的问题
2019/09/18 Javascript
js实现select下拉框选择
2020/01/11 Javascript
Python读写txt文本文件的操作方法全解析
2016/06/26 Python
python实现关闭第三方窗口的方法
2019/06/28 Python
Python字典推导式将cookie字符串转化为字典解析
2019/08/10 Python
python实现简单井字棋小游戏
2020/03/05 Python
VSCode配合pipenv搞定虚拟环境的实现方法
2020/05/17 Python
通过代码简单了解django model序列化作用
2020/11/12 Python
HTML5 Canvas实现放大镜效果示例
2020/03/25 HTML / CSS
Under Armour安德玛德国官网:美国高端运动科技品牌
2019/03/09 全球购物
巴西宠物商店:Cobasi
2019/04/19 全球购物
比利时的在线灯具店:Lampen24.be
2019/07/01 全球购物
汽车检测与维修专业求职信
2013/10/30 职场文书
2014预防青少年违法犯罪工作总结
2014/12/10 职场文书
关于幸福的感言
2015/08/03 职场文书
《草船借箭》教学反思
2016/02/23 职场文书
2019年最新七夕唯美祝福语(60条)
2019/07/22 职场文书