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 相关文章推荐
slice函数的用法 之不错的应用
Dec 29 Javascript
基于jquery的自定义鼠标提示效果 jquery.toolTip
Nov 14 Javascript
js 实现css风格选择器(压缩后2KB)
Jan 12 Javascript
javascript强大的日期函数代码分享
Sep 04 Javascript
yepnope.js使用详解及示例分享
Jun 23 Javascript
一个php+js实时显示时间问题
Oct 12 Javascript
跟我学习javascript的this关键字
May 28 Javascript
老生常谈JQuery data方法的使用
Sep 09 Javascript
JS实现方形抽奖效果
Aug 27 Javascript
element el-input directive数字进行控制
Oct 11 Javascript
浅谈js闭包理解
Apr 01 Javascript
Vue 解决在element中使用$notify在提示信息中换行问题
Nov 11 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 基于文件头的文件类型验证类函数
2012/05/01 PHP
PHP 将数组打乱 shuffle函数的用法及简单实例
2016/06/17 PHP
Ajax中的JSON格式与php传输过程全面解析
2017/11/14 PHP
PHP中的empty、isset、isnull的区别与使用实例
2019/03/22 PHP
PHP中迭代器的简单实现及Yii框架中的迭代器实现方法示例
2020/04/26 PHP
THINKPHP5分页数据对象处理过程解析
2020/10/28 PHP
jquery实现心算练习代码
2010/12/06 Javascript
jQuery Ajax使用 全解析
2010/12/15 Javascript
jquery多行滚动/向左或向上滚动/响应鼠标实现思路及代码
2013/01/23 Javascript
AngularJS入门教程之REST和定制服务详解
2016/08/19 Javascript
常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全(推荐)
2016/12/20 Javascript
Node.js+ES6+dropload.js实现移动端下拉加载实例
2017/06/01 Javascript
谈谈JS中的!!
2017/12/07 Javascript
了解javascript中变量及函数的提升
2019/05/27 Javascript
element-ui如何防止重复提交的方法步骤
2019/12/09 Javascript
javascript 原型与原型链的理解及应用实例分析
2020/02/10 Javascript
JavaScript前端实现压缩图片功能
2020/03/06 Javascript
vue中实现弹出层动画效果的示例代码
2020/09/25 Javascript
Python编程语言的35个与众不同之处(语言特征和使用技巧)
2014/07/07 Python
python 3利用BeautifulSoup抓取div标签的方法示例
2017/05/28 Python
Python set常用操作函数集锦
2017/11/15 Python
Python面向对象基础入门之设置对象属性
2018/12/11 Python
Python 使用 prettytable 库打印表格美化输出功能
2019/12/26 Python
Win10用vscode打开anaconda环境中的python出错问题的解决
2020/05/25 Python
python Zmail模块简介与使用示例
2020/12/19 Python
Mankind美国/加拿大:英国领先的男士美容护发用品公司
2018/12/05 全球购物
C#如何判断当前用户是否输入某个域
2015/12/07 面试题
商务英语专业应届毕业生求职信
2013/10/28 职场文书
个人应聘自我评价分享
2013/11/18 职场文书
小学生成长感言
2014/01/30 职场文书
家庭教育的心得体会
2014/09/01 职场文书
利用python做表格数据处理
2021/04/13 Python
MongoDB balancer的使用详解
2021/04/30 MongoDB
Nginx内网单机反向代理的实现
2021/11/07 Servers
mysql的单列多值存储实例详解
2022/04/05 MySQL
Vue OpenLayer测距功能的实现
2022/04/20 Vue.js