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 相关文章推荐
一些常用的JS功能函数(2009-06-04更新)
Jun 04 Javascript
js计算两个时间之间天数差的实例代码
Nov 19 Javascript
js对象转json数组的简单实现案例
Feb 28 Javascript
node.js中的url.resolve方法使用说明
Dec 10 Javascript
详细分析使用AngularJS编程中提交表单的方式
Jun 19 Javascript
原生js代码实现图片放大境效果
Oct 30 Javascript
jQuery中弹出iframe内嵌页面元素到父页面并全屏化的实例代码
Dec 27 Javascript
JS运动改变单物体透明度的方法分析
Jan 23 Javascript
使用sessionStorage解决vuex在页面刷新后数据被清除的问题
Apr 13 Javascript
jQuery中的for循环var与let的区别
Apr 21 jQuery
详解vue 数组和对象渲染问题
Sep 21 Javascript
微信小程序提取公用函数到util.js及使用方法示例
Jan 10 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扩展CURL的用法详解
2014/06/20 PHP
php数组实现根据某个键值将相同键值合并生成新二维数组的方法
2017/04/26 PHP
PHP预定义超全局数组变量小结
2018/08/20 PHP
CSS3画一个阴阳八卦图
2021/03/09 HTML / CSS
javascript 强制刷新页面的实现代码
2009/12/13 Javascript
javascript:void(0)使用探讨
2013/08/27 Javascript
禁止拷贝网页内容的js代码
2014/01/22 Javascript
JavaScript制作windows经典扫雷小游戏
2015/03/31 Javascript
JavaScript中解析JSON数据的三种方法
2015/07/03 Javascript
AngularJS 使用 UI Router 实现表单向导
2016/01/29 Javascript
学习javascript文件加载优化
2016/02/19 Javascript
JS实现图片的不间断连续滚动的简单实例
2016/06/03 Javascript
Vuejs第九篇之组件作用域及props数据传递实例详解
2016/09/05 Javascript
Ionic 2 实现列表滑动删除按钮的方法
2017/01/22 Javascript
Bootstrap布局之栅格系统学习笔记
2017/05/04 Javascript
vue基于Element构建自定义树的示例代码
2017/09/19 Javascript
Vue自定义弹窗指令的实现代码
2018/08/13 Javascript
浅谈vue同一页面中拥有两个表单时,的验证问题
2018/09/18 Javascript
bootstrap+spring boot实现面包屑导航功能(前端代码)
2019/10/09 Javascript
nodejs各种姿势断点调试的方法
2020/06/18 NodeJs
Vue 组件复用多次自定义参数操作
2020/07/27 Javascript
python在指定目录下查找gif文件的方法
2015/05/04 Python
python3+PyQt5泛型委托详解
2018/04/24 Python
Python数据类型之Tuple元组实例详解
2019/05/08 Python
python按比例随机切分数据的实现
2019/07/11 Python
Python 网络编程之TCP客户端/服务端功能示例【基于socket套接字】
2019/10/12 Python
使用Python-OpenCV消除图像中孤立的小区域操作
2020/07/05 Python
改变 Python 中线程执行顺序的方法
2020/09/24 Python
HTML页面中添加Canvas标签示例
2015/01/01 HTML / CSS
亚洲航空公司官方网站:AirAsia
2019/11/25 全球购物
旷课检讨书3000字
2014/02/04 职场文书
《小石潭记》教学反思
2014/02/13 职场文书
怎样写辞职信
2015/02/27 职场文书
2015毕业实习推荐信
2015/03/23 职场文书
运动会闭幕式致辞
2015/07/29 职场文书
python自动计算图像数据集的RGB均值
2021/06/18 Python