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伸缩导航练习示例
Nov 13 Javascript
使用jQuery的attr方法来修改onclick值
Jul 07 Javascript
javascript中对象的定义、使用以及对象和原型链操作小结
Dec 14 Javascript
JavaScript日期对象(Date)基本用法示例
Jan 18 Javascript
漂亮实用的页面loading(加载)封装代码
Feb 03 Javascript
vue监听滚动事件实现滚动监听
Apr 11 Javascript
Vue.js数据绑定之data属性
Jul 07 Javascript
JS笛卡尔积算法与多重数组笛卡尔积实现方法示例
Dec 01 Javascript
微信小程序数字滚动插件使用详解
Feb 02 Javascript
Angular 利用路由跳转到指定页面的指定位置方法
Aug 31 Javascript
详解Vue.js在页面加载时执行某个方法
Nov 20 Javascript
浅谈vue中$bus的使用和涉及到的问题
Jul 28 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批量去除文件UTF8 BOM信息
2013/08/05 PHP
php获取本周开始日期和结束日期的方法
2015/03/09 PHP
PHP中抽象类、接口的区别与选择分析
2016/03/29 PHP
Yii+upload实现AJAX上传图片的方法
2016/07/13 PHP
php实现基于PDO的预处理示例
2017/03/28 PHP
Yii框架使用魔术方法实现跨文件调用功能示例
2017/05/20 PHP
php实现将数据做成json的格式给前端使用
2018/08/21 PHP
jQuery 验证插件 Web前端设计模式(asp.net)
2010/10/17 Javascript
来自国外的14个图片放大编辑的jQuery插件整理
2010/10/20 Javascript
JavaScript检测弹出窗口是否已经关闭的方法
2015/03/24 Javascript
详解Webwork中Action 调用的方法
2016/02/02 Javascript
js输入框使用正则表达式校验输入内容的实例
2017/02/12 Javascript
原生JS仿QQ阅读点击展开、收起效果
2017/03/08 Javascript
200行代码实现blockchain 区块链实例详解
2018/03/14 Javascript
使用vuex的state状态对象的5种方式
2018/04/19 Javascript
Vue+webpack项目配置便于维护的目录结构教程详解
2018/10/14 Javascript
vue 指令之气泡提示效果的实现代码
2018/10/18 Javascript
Iview Table组件中各种组件扩展的使用
2018/10/20 Javascript
详解Vue组件插槽的使用以及调用组件内的方法
2018/11/13 Javascript
写一个Vue Popup组件
2019/02/25 Javascript
解析原来浏览器原生支持JS Base64编码解码
2019/08/12 Javascript
layui动态表头的实现代码
2019/08/22 Javascript
numpy中实现二维数组按照某列、某行排序的方法
2018/04/04 Python
Python交互环境下实现输入代码
2018/06/22 Python
Windows10下 python3.7 安装 facenet的教程
2019/09/10 Python
Python导入模块包原理及相关注意事项
2020/03/25 Python
手把手教你从PyCharm安装到激活(最新激活码),亲测有效可激活至2089年
2020/11/25 Python
使用Python封装excel操作指南
2021/01/29 Python
浅谈Python xlwings 读取Excel文件的正确姿势
2021/02/26 Python
国际领先的学术出版商:Springer
2017/01/11 全球购物
moosejaw旗下的户外商品促销网站:Mountain Steals
2017/02/27 全球购物
椰子猫砂:CatSpot
2018/08/27 全球购物
Fanatics官网:运动服装、球衣、运动装备
2020/10/12 全球购物
国培教师自我鉴定
2014/02/12 职场文书
Spring Cache和EhCache实现缓存管理方式
2021/06/15 Java/Android
PostgreSQL解析URL的方法
2021/08/02 PostgreSQL