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 1.0.2
Oct 11 Javascript
自用js开发框架小成 学习js的朋友可以看看
Nov 16 Javascript
JavaScript常用脚本汇总(一)
Mar 04 Javascript
JavaScript返回网页中锚点数目的方法
Apr 03 Javascript
JavaScript点击按钮后弹出透明浮动层的方法
May 11 Javascript
PHP+jQuery+Ajax+Mysql如何实现发表心情功能
Aug 06 Javascript
javascript+HTML5自定义元素播放焦点图动画
Feb 21 Javascript
js控制div层的叠加简单方法
Oct 15 Javascript
详解vue2.0 使用动态组件实现 Tab 标签页切换效果(vue-cli)
Aug 30 Javascript
Angular5.0 子组件通过service传递值给父组件的方法
Jul 13 Javascript
微信小程序textarea层级过高的解决方法
Mar 04 Javascript
Node.js控制台彩色输出的方法与原理实例详解
Dec 01 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中使用正则表达式进行查找替换
2013/06/13 PHP
PHP-Fcgi下PHP的执行时间设置方法
2013/08/02 PHP
php获取目标函数执行时间示例
2014/03/04 PHP
详解Yii2高级版引入bootstrap.js的一个办法
2017/03/21 PHP
JavaScript去掉空格的方法集合
2010/12/28 Javascript
纯JAVASCRIPT图表动画插件Highcharts Examples
2011/04/16 Javascript
Javascript实现简单的富文本编辑器附演示
2014/06/16 Javascript
全面了解JavaScript的数据类型转换
2016/07/01 Javascript
微信小程序 图片等比例缩放(图片自适应屏幕)
2016/11/16 Javascript
jQuery简单自定义图片轮播插件及用法示例
2016/11/21 Javascript
jQuery实现搜索页面关键字的功能
2017/02/16 Javascript
微信小程序网络请求的封装与填坑之路
2017/04/01 Javascript
详解Vue的computed(计算属性)使用实例之TodoList
2017/08/07 Javascript
React Native自定义控件底部抽屉菜单的示例
2018/02/08 Javascript
修改NPM全局模式的默认安装路径的方法
2020/12/15 Javascript
用Python给文本创立向量空间模型的教程
2015/04/23 Python
Python中for循环控制语句用法实例
2015/06/02 Python
使用Python保存网页上的图片或者保存页面为截图
2016/03/05 Python
Python实现简单字典树的方法
2016/04/29 Python
Python 含参构造函数实例详解
2017/05/25 Python
Tornado Web Server框架编写简易Python服务器
2018/07/28 Python
Python模块、包(Package)概念与用法分析
2019/05/31 Python
Python Matplotlib绘图基础知识代码解析
2020/08/31 Python
python 动态绘制爱心的示例
2020/09/27 Python
详解基于 Canvas 手撸一个六边形能力图
2019/09/02 HTML / CSS
HTML5实时语音通话聊天MP3压缩传输3KB每秒
2019/08/28 HTML / CSS
美国领先的精品家居照明和装饰产品在线零售商:LightsOnline.com
2018/01/23 全球购物
美赞臣新加坡官方旗舰店:Enfagrow新加坡
2019/05/15 全球购物
德国家具、照明、家居用品网上商店:Wayfair.de
2020/02/13 全球购物
软件测试题目
2013/02/27 面试题
涉外文秘个人求职的自我评价
2013/10/07 职场文书
质检部职责
2013/12/28 职场文书
交通安全标语
2014/06/06 职场文书
Redis 配置文件重要属性的具体使用
2021/05/20 Redis
python如何利用traceback获取详细的异常信息
2021/06/05 Python
SpringBoot详解整合Redis缓存方法
2022/07/15 Java/Android