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 相关文章推荐
EasyUI的treegrid组件动态加载数据问题的解决办法
Dec 11 Javascript
js、css、img等浏览器缓存问题的2种解决方案
Oct 23 Javascript
jquery ajax中使用jsonp的限制解决方法
Nov 22 Javascript
用js一次改变多个input的readonly属性值的方法
Jun 11 Javascript
JS获取iframe中marginHeight和marginWidth属性的方法
Apr 01 Javascript
究竟什么是Node.js?Node.js有什么好处?
May 29 Javascript
jQuery插件Slider Revolution实现响应动画滑动图片切换效果
Jun 05 Javascript
JS+CSS实现闪烁字体效果代码
Apr 05 Javascript
bootstrapValidator.min.js表单验证插件
Feb 09 Javascript
js利用for in循环获取 一个对象的所有属性以及值的实例
Mar 30 Javascript
javascript实现获取中文汉字拼音首字母
May 19 Javascript
vue实现滑动解锁功能
Mar 03 Vue.js
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
zend framework文件上传功能实例代码
2013/12/25 PHP
PHP5各个版本的新功能和新特性总结
2014/03/16 PHP
CI框架文件上传类及图像处理类用法分析
2016/05/18 PHP
Ubuntu server 11.04安装memcache及php使用memcache来存储session的方法
2016/05/31 PHP
thinkphp 字母函数详解T/I/N/D/M/A/R/U
2017/04/03 PHP
区分JS中的undefined,null,&quot;&quot;,0和false
2007/03/08 Javascript
function, new function, new Function之间的区别
2007/03/08 Javascript
JavaScript中的new的使用方法与注意事项
2007/05/16 Javascript
jQuery页面滚动浮动层智能定位实例代码
2011/08/23 Javascript
JavaScript之自定义类型
2012/05/04 Javascript
理解Javascript闭包
2013/11/01 Javascript
jquery让返回的内容显示在特定div里(代码少而精悍)
2014/06/23 Javascript
AngularJS初始化过程分析(引导程序)
2014/12/06 Javascript
JQuery+Ajax实现数据查询、排序和分页功能
2015/09/27 Javascript
Angularjs中使用Filters详解
2016/03/11 Javascript
浅谈regExp的test方法取得的值变化的原因及处理方法
2017/03/01 Javascript
利用node.js+mongodb如何搭建一个简单登录注册的功能详解
2017/07/30 Javascript
js实现图片放大展示效果
2017/08/30 Javascript
jQuery中的类名选择器(.class)用法简单示例
2018/05/14 jQuery
微信小程序实现多选删除列表数据功能示例
2019/01/15 Javascript
Vue核心概念Getter的使用方法
2019/01/18 Javascript
python文件操作之目录遍历实例分析
2015/05/20 Python
新手入门Python编程的8个实用建议
2019/07/12 Python
Django框架中序列化和反序列化的例子
2019/08/06 Python
Python 实现日志同时输出到屏幕和文件
2020/02/19 Python
python 数据分析实现长宽格式的转换
2020/05/18 Python
英国最大的电子零件及配件零售商:Partmaster
2017/04/24 全球购物
写好自荐信要注意的问题
2013/11/10 职场文书
教师自荐信
2013/12/10 职场文书
高分子材料与工程专业个人求职信
2013/12/15 职场文书
应聘英语教师求职信
2014/04/24 职场文书
优秀党支部书记事迹材料
2014/05/29 职场文书
2014镇党委班子对照检查材料思想汇报
2014/09/23 职场文书
创业计划书之旅游网站
2019/09/06 职场文书
使用HttpSessionListener监听器实战
2022/03/17 Java/Android
日本十大血腥动漫,那些被禁播的动漫盘点
2022/03/21 日漫