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 相关文章推荐
Track Image Loading效果代码分析
Aug 13 Javascript
jquery mobile changepage的三种传参方法介绍
Sep 13 Javascript
jquery中focus()函数实现当对象获得焦点后自动把光标移到内容最后
Sep 29 Javascript
三个js循环的关键字示例(for与while)
Feb 16 Javascript
AngularJS基础 ng-readonly 指令简单示例
Aug 02 Javascript
微信小程序实现图片上传、删除和预览功能的方法
Dec 18 Javascript
10 种最常见的 Javascript 错误(频率最高)
Feb 08 Javascript
JS+H5 Canvas实现时钟效果
Jul 20 Javascript
浅谈ElementUI中switch回调函数change的参数问题
Aug 24 Javascript
在Vue mounted方法中使用data变量详解
Nov 05 Javascript
Vue实现星级评价效果实例详解
Dec 30 Javascript
JavaScript 去重和重复次数统计
Mar 31 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
通达OA公共代码 php常用检测函数
2011/12/14 PHP
php模拟post上传图片实现代码
2016/06/24 PHP
js函数使用技巧之 setTimeout(function(){},0)
2009/02/09 Javascript
jQuery下通过replace字符串替换实现大小图片切换
2012/05/22 Javascript
jQuery中 noConflict() 方法使用
2013/04/25 Javascript
jquery easyui combobox模糊过滤(示例代码)
2013/11/30 Javascript
分享9个最好用的JavaScript开发工具和代码编辑器
2015/03/24 Javascript
jQuery使用empty()方法删除元素及其所有子元素的方法
2015/03/26 Javascript
js实现3D图片环展示效果
2017/03/09 Javascript
vue实现树形菜单效果
2018/03/19 Javascript
利用Console来Debug的10个高级技巧汇总
2018/03/26 Javascript
vue 1.0 结合animate.css定义动画效果
2018/07/11 Javascript
微信小程序 Storage更新详解
2019/07/16 Javascript
解决layui checkbox 提交多个值的问题
2019/09/02 Javascript
详谈Object.defineProperty 及实现数据双向绑定
2020/07/18 Javascript
微信小程序淘宝首页双排图片布局排版代码(推荐)
2020/10/29 Javascript
[03:40]DOTA2亚洲邀请赛小组赛第二日 赛事回顾
2015/01/31 DOTA
python通过邮件服务器端口发送邮件的方法
2015/04/30 Python
python如何实现内容写在图片上
2018/03/23 Python
基于循环神经网络(RNN)实现影评情感分类
2018/03/26 Python
给大家整理了19个pythonic的编程习惯(小结)
2019/09/25 Python
keras中的卷积层&amp;池化层的用法
2020/05/22 Python
Python基于smtplib协议实现发送邮件
2020/06/03 Python
pytorch学习教程之自定义数据集
2020/11/10 Python
matplotlib之属性组合包(cycler)的使用
2021/02/24 Python
html svg生成环形进度条的实现方法
2019/09/23 HTML / CSS
英国网上超市:Ocado
2020/03/05 全球购物
init进程的作用
2012/04/12 面试题
十一个高级MySql面试题
2014/10/06 面试题
信息管理专业推荐信
2013/10/29 职场文书
舞蹈比赛获奖感言
2014/02/04 职场文书
辅导员评语
2014/05/04 职场文书
学校教师读书活动总结
2014/07/08 职场文书
个人投资合作协议书
2014/10/12 职场文书
单位介绍信格式
2015/01/31 职场文书
Java常用函数式接口总结
2021/06/29 Java/Android