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 相关文章推荐
JavaScript与函数式编程解释
Apr 27 Javascript
jquery解析XML字符串和XML文件的方法说明
Feb 21 Javascript
JS函数this的用法实例分析
Feb 05 Javascript
Jquery ajax 同步阻塞引起的UI线程阻塞问题
Nov 17 Javascript
深入浅析JavaScript中with语句的理解
May 12 Javascript
Javascript 获取鼠标当前的位置实现方法
Oct 27 Javascript
vue2.0开发实践总结之入门篇
Dec 06 Javascript
angularjs的select使用及默认选中设置
Apr 08 Javascript
基于vue 动态加载图片src的解决方法
Feb 05 Javascript
BootStrap模态框闪退问题实例代码详解
Dec 10 Javascript
零基础之Node.js搭建API服务器的详解
Mar 08 Javascript
vue项目首屏加载时间优化实战
Apr 23 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的错误信息
2006/10/09 PHP
修改ThinkPHP缓存为Memcache的方法
2014/06/25 PHP
php实现批量压缩图片文件大小的脚本
2014/07/04 PHP
PHP实现的迷你漂流瓶
2015/07/29 PHP
PHP中header用法小结
2016/05/23 PHP
详解php语言最牛掰的Laravel框架
2017/11/20 PHP
php中上传文件的的解决方案
2018/09/25 PHP
PHP删除字符串中非字母数字字符方法总结
2019/01/20 PHP
基于JQuery的数字改变的动画效果--可用来做计数器
2010/08/11 Javascript
使用jQuery异步加载 JavaScript脚本解决方案
2014/04/20 Javascript
js取得html iframe中的元素和变量值
2014/06/30 Javascript
jQuery实现预加载图片的方法
2015/03/17 Javascript
使用jquery实现的循环连续可停顿滚动实例
2016/11/23 Javascript
基于vue+ bootstrap实现图片上传图片展示功能
2017/05/17 Javascript
js+html5生成自动排列对话框实例
2017/10/09 Javascript
JS构造一个html文本内容成文件流形式发送到后台
2018/07/31 Javascript
JavaScript ES6常用基础知识总结
2019/02/09 Javascript
tensorflow识别自己手写数字
2018/03/14 Python
python matlibplot绘制多条曲线图
2021/02/19 Python
使用TensorFlow实现二分类的方法示例
2019/02/05 Python
Django网络框架之HelloDjango项目创建教程
2019/06/06 Python
在Python函数中输入任意数量参数的实例
2019/07/16 Python
python3中的eval和exec的区别与联系
2019/10/10 Python
python多进程重复加载的解决方式
2019/12/13 Python
Python vtk读取并显示dicom文件示例
2020/01/13 Python
猫途鹰英国网站:TripAdvisor英国(旅游社区和旅游评论)
2016/08/30 全球购物
三星英国官网:Samsung英国
2018/09/25 全球购物
PHP开发工程师面试问题集锦
2012/11/01 面试题
《美丽的南沙群岛》教学反思
2014/04/27 职场文书
涉密人员保密承诺书
2014/05/28 职场文书
党校党性分析材料
2014/12/19 职场文书
2015年消费者权益日活动总结
2015/02/09 职场文书
新学期小学班主任工作计划
2019/06/21 职场文书
redis限流的实际应用
2021/04/24 Redis
利用Python第三方库实现预测NBA比赛结果
2021/06/21 Python
nginx实现动静分离的方法示例
2021/11/07 Servers