编程 Javascript

javascript实现点击单选按钮链接转向对应网址的方法

Posted in Javascript onAugust 12, 2015

本文实例讲述了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://3water.com');">
  三水点靠木<br>
  <input type="radio" name="loc" onClick="go('http://www.qq.com');">
  腾讯QQ<br>
 </div>
</form>
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

javascript实现点击单选按钮链接转向对应网址的方法

- Author -

企鹅

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jQuery学习笔记之Helloworld

Dec 22 Javascript

3款实用的在线JS代码工具(国外)

Mar 15 Javascript

『JavaScript』限制Input只能输入数字实现思路及代码

Apr 22 Javascript

js获取控件位置以及不同浏览器中的差别介绍

Aug 08 Javascript

实现点击下箭头变上箭头来回切换的两种方法【推荐】

Dec 14 Javascript

js实现简单的网页换肤效果

Jan 18 Javascript

JavaScript、C# URL编码、解码总结

Jan 21 Javascript

jQuery插件zTree实现删除树子节点的方法示例

Mar 08 Javascript

JScript实现地址选择功能

Aug 15 Javascript

浅谈Angular文字折叠展开组件的原理分析

Nov 24 Javascript

微信小程序实现MUI数字输入框效果

Jan 31 Javascript

JS实现移动端触屏拖拽功能

Jul 31 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