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('http://www.jb51.net');"> 我们<br> <input type="radio" name="loc" onClick="go('http://www.qq.com');"> 腾讯QQ<br> </div> </form> </body> </html>
希望本文所述对大家的javascript程序设计有所帮助。
相关推荐
-
js 父页中的单选按钮取值
int starvalue = 3; ContentPlaceHolder ch = (ContentPlaceHolder)Master.FindControl("middlecontent"); RadioButton radio = new RadioButton(); for (int i = 1; i <= 5;i++ ) { radio = (RadioButton)ch.FindControl("rblStar" + i); if (radio.
-
js实现不提交表单获取单选按钮值的方法
本文实例讲述了js实现不提交表单获取单选按钮值的方法.分享给大家供大家参考.具体如下: 这是JS实现的特效,不提交表单获取相关的控件值.如本例所示,不提交表单即可获取单选按钮的值. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-alert-show-table-value-codes/ 具体代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
-
javascript 单选按钮 单击选中 双击取消选择实现代码
单选按钮,双击取消选中 window.onload = function() { // setRadio("myDiv", "form1", "alreadySelected"); var radios = document.getElementsByTagName("input"); for (var i = 0; i A: B: C: D: [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
-
js简单获取表单中单选按钮值的方法
本文实例讲述了js简单获取表单中单选按钮值的方法.分享给大家供大家参考,具体如下: HTML部分如下: <form> <tr bgcolor="#FFFFFF"> <td width="84" height="23" rowspan="3" align="center" valign="middle" bordercolor="#999999&qu
-
JS获取下拉框显示值和判断单选按钮的方法
本文实例讲述了JS获取下拉框显示值和判断单选按钮的方法.分享给大家供大家参考.具体如下: 1.本人做过很多项目,都需要得到select组件显示的值.下面是我经常用到的方法: Html源码如下: <html><body> <select id="province" name="province" > <option value="1">北京</option> <option valu
-
js使用DOM设置单选按钮、复选框及下拉菜单的方法
本文实例讲述了js使用DOM设置单选按钮.复选框及下拉菜单的方法.分享给大家供大家参考.具体实现方法如下: 1.设置单选按钮 单选按钮在表单中即<input type="radio" />它是一组供用户选择的对象,但每次只能选一个.每一个都有checked属性,当一项选择为ture时,其它的都变为false. 先贴上一个例子: 复制代码 代码如下: <script type="text/javascript"> function ge
-
js取消单选按钮选中并判断对象是否为空
一组单选按钮name都为country 复制代码 代码如下: var country = document.getElementsByName('country'); for(var i=0;i<country.length;i++){ if(country[i].checked) { country[i].checked=false; //不选中 } } <c:if test="${shippingAddressList != null && not empty s
-
JSP单选按钮验证、下拉框验证、复选框验证实现代码
//验证性别(单选按钮验证) function checkXb(){ var temp = false; var xbObj1= document.getElementById("xb1"); var xbObj2= document.getElementById("xb2"); if(xbObj1.checked || xbObj2.checked){ temp = true; } return temp; } function checkform() { //验
-
js获取单选按钮的数据
也许这是个很简单的问题,可是在我学习程序的时候忽略了单选按钮.导致对于他的数据传递方法的空缺.经过嗷嗷的帮助实现了下面关于年龄选择的表单的数据获取,仅仅在IE下测试成功了.先测试一下这个程序效果. 复制代码 代码如下: <form method="post" name="form1"> <label><input type="radio" name="radio" value="
-
js取消单选按钮选中示例代码
一组单选按钮name都为country 复制代码 代码如下: var country = document.getElementsByName('country'); for(var i=0;i<country.length;i++){ if(country[i].checked) { country[i].checked=false; //不选中 } }
随机推荐
- 浅谈数据库事务四大特性
- 详解C++11中的右值引用与移动语义
- .NET Core 2.0迁移小技巧之web.config 配置文件示例详解
- mysql中如何判断是否支持分区
- C++数据结构之文件压缩(哈夫曼树)实例详解
- Serv-U 8.0 服务器中文乱码问题的解决
- JSP 开发之 releaseSession的实例详解
- java利用Ant脚本生成war包全过程
- IOS json 解析遇到错误问题解决办法
- C#使用钩子获得按键信息的方法
- DevExpress中GridControl列转义的实现方法
- C语言数据结构实现链表逆序并输出
- Java编程IP地址和数字相互转换代码示例
- 用Go写一个轻量级的ssh批量操作工具的方法
- Springboot在IDEA热部署的配置方法
- python实现画一颗树和一片森林
- 详解MongoDB4.0构建分布式分片群集
- 解决使用export_graphviz可视化树报错的问题
- 如何用Python来理一理红楼梦里的那些关系
- countUp.js实现数字滚动效果