js动态设置div的值下例子


Posted in Javascript onOctober 29, 2013
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> <head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>js动态设置div的值.html</title> 
</head> 
<body> 
<form method="post" name="form1"> 
<label><input type="radio" name="radio" value="1-10 岁" onclick="ok(this.value);">1-10 岁</label> 
<label><input type="radio" name="radio" value="11 岁" onclick="ok(this.value);">11 岁</label> 
<label><input type="radio" name="radio" value="12-120 岁" onclick="ok(this.value);">12-120 岁</label> 
<input type="button" onclick="ok()" value="测试选择值"> 
</form> 
<div id="test"></div> 
<script language="javascript" type="text/javascript"> 
<!-- 
function ok() 
{ 
var temp=document.getElementsByName("radio"); 
for (i=0;i<temp.length;i++){ 
//遍历Radio 
if(temp[i].checked) 
{ 
//alert("你选择了"+temp[i].value); 
//获取Radio的值 
document.getElementById('test').innerHTML = temp[i].value; 
} 
} 
} 
--> 
</script> 
</body> 
</html>
Javascript 相关文章推荐
转一个日期输入控件,支持FF
Apr 27 Javascript
用javascript实现自定义标签
May 08 Javascript
Jquery图片滚动与幻灯片的实例代码
Apr 08 Javascript
JavaScript使用addEventListener添加事件监听用法实例
Jun 01 Javascript
Javascript中的arguments对象
Jun 20 Javascript
jQuery简单动画变换效果实例分析
Jul 04 Javascript
AngularJS 模型详细介绍及实例代码
Jul 27 Javascript
jQuery网页定位导航特效实现方法
Dec 19 Javascript
ES6中Math对象的部分扩展
Feb 20 Javascript
js仿微信抢红包功能
Sep 25 Javascript
详解vue 兼容IE报错解决方案
Dec 29 Javascript
使用 UniApp 实现小程序的微信登录功能
Jun 09 Javascript
Jquery 复选框取值兼容FF和IE8(测试有效)
Oct 29 #Javascript
Js获取数组最大和最小值示例代码
Oct 29 #Javascript
js 遍历json返回的map内容示例代码
Oct 29 #Javascript
jQuery实现公告文字左右滚动的实例代码
Oct 29 #Javascript
javascript查找字符串中出现最多的字符和次数的小例子
Oct 29 #Javascript
JavaScript代码简单实现求杨辉三角给定行的最大值
Oct 29 #Javascript
Js操作Select大全(取值、设置选中等等)
Oct 29 #Javascript
You might like
基于pear auth实现登录验证
2010/02/26 PHP
php 中英文语言转换类代码
2011/08/11 PHP
php中global和$GLOBALS[]的分析之一
2012/02/02 PHP
10 个经典PHP函数
2013/10/17 PHP
PHP实现简单爬虫的方法
2015/07/29 PHP
Yii2中YiiBase自动加载类、引用文件方法分析(autoload)
2016/07/25 PHP
PHP递归统计系统中代码行数
2019/09/19 PHP
【消息提示组件】,兼容IE6/7&amp;&amp;FF2
2007/09/04 Javascript
IE与firefox之jquery用法区别
2008/10/03 Javascript
JQuery的html(data)方法与&amp;lt;script&amp;gt;脚本块的解决方法
2010/03/09 Javascript
JS计算网页停留时间代码
2014/04/28 Javascript
JavaScript前端图片加载管理器imagepool使用详解
2014/12/29 Javascript
JS实现点击按钮自动增加一个单元格的方法
2015/03/09 Javascript
JavaScript数据结构与算法之集合(Set)
2016/01/29 Javascript
微信JSAPI支付操作需要注意的细节
2017/01/10 Javascript
简单的渐变轮播插件
2017/01/12 Javascript
JS基于贪心算法解决背包问题示例
2017/11/27 Javascript
vue+webpack实现异步加载三种用法示例详解
2018/04/24 Javascript
JS获取今天是本月第几周、本月共几周、本月有多少天、是今年的第几周、是今年的第几天的示例代码
2018/12/05 Javascript
Vue函数式组件-你值得拥有
2019/05/09 Javascript
解决vue.js提交数组时出现数组下标的问题
2019/11/05 Javascript
js实现弹幕墙效果
2020/12/10 Javascript
[56:13]DOTA2-DPC中国联赛定级赛 LBZS vs Phoenix BO3第一场 1月10日
2021/03/11 DOTA
Python面向对象特殊成员
2017/04/24 Python
Python爬虫之正则表达式基本用法实例分析
2018/08/08 Python
详解Python:面向对象编程
2019/04/10 Python
python如何保证输入键入数字的方法
2019/08/23 Python
python 动态调用函数实例解析
2019/10/21 Python
pytorch:model.train和model.eval用法及区别详解
2020/02/20 Python
AmazeUI 加载进度条的实现示例
2020/08/20 HTML / CSS
德国体育用品网上商店:SC24.com
2016/08/01 全球购物
什么是.net的Remoting技术
2016/07/08 面试题
民警群众路线教育实践活动对照检查材料
2014/10/04 职场文书
IDEA2021.2配置docker如何将springboot项目打成镜像一键发布部署
2021/09/25 Java/Android
Go并发4种方法简明讲解
2022/04/06 Golang
Flink 侧流输出源码示例解析
2022/09/23 Servers