javascript实现点击单选按钮链接转向对应网址的方法
更新时间：2015年08月12日 11:31:25 作者：企鹅
这篇文章主要介绍了javascript实现点击单选按钮链接转向对应网址的方法,涉及javascript鼠标事件及页面跳转的相关技巧,简单实用,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了javascript实现点击单选按钮链接转向对应网址的方法。分享给大家供大家参考。具体如下：
这里实现一个按钮特效，当点击复选择框按钮的时候，激活链接，跳转到某网址，这里主要是由onClick派生出来的一些功能，然后配合函数你可以编写出更多的按钮特效来。
运行效果截图如下：
具体代码如下：
<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://www.jb51.net');">
脚本之家<br>
<input type="radio" name="loc" onClick="go('http://www.qq.com');">
腾讯QQ<br>
</div>
</form>
</body>
</html>
希望本文所述对大家的javascript程序设计有所帮助。
相关文章
bootstrap-table是在bootstrap的基础上面做了一些封装，所以在使用bootstrap-table之前要导入的js和css，下面通过本文给大家详细介绍需要引入的文件，对bootstrap table 表格感兴趣的朋友一起看看吧2016-12-12
这篇文章主要介绍了基于JavaScript实现大文件上传后端代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-08-08
如何丰富alt属性的显示效果...2007-01-01
前端本地存储和缓存的处理是一种重要的技术,它可以帮助改善应用程序的性能和用户体验,下面是小编整理的一些处理前端本地存储和缓存的常用方法,希望对大家有所帮助2023-11-11
这篇文章主要介绍了JS+CSS实现分类动态选择及移动功能效果代码,涉及JavaScript实现页面元素动态变换效果实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-10-10
这篇文章主要介绍了详解javascript脚本何时会被执行，帮助大家更好的理解和使用JavaScript，感兴趣的朋友可以了解下2021-02-02
这段时间在项目组都是做静态页面，都是些复制粘贴的活，难得碰到个稍微有点难度的页面。后来看到这个页面还不错，可以自己做做看，虽然公司已经有这样的组件，但不想用，反正没什么事，就当多学学JS好了。2008-10-10
弄了个很简单的例子判断IE浏览器版本是否过低，注意在IE6和IE7版本较低情况下下才看到它的提示效果，需要的朋友可以收藏下2013-11-11
获取当前网页document.url location.href区别总结
请教:document.URL和window.location.href区别2008-05-05
解决方案其实就是冒泡排序的一个包装,本补丁不修复各浏览的排序算法不一致的问题2011-10-10
最新评论