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 相关文章推荐
JScript的条件编译
May 29 Javascript
jsTree树控件(基于jQuery, 超强悍)[推荐]
Sep 01 Javascript
jQuery中json对象的复制方式介绍(数组及对象)
Jun 08 Javascript
JavaScript中判断整数的多种方法总结
Nov 08 Javascript
教你如何使用node.js制作代理服务器
Nov 26 Javascript
jquery实现图片放大镜功能
Nov 23 Javascript
基于javascript实现浏览器滚动条快到底部时自动加载数据
Nov 30 Javascript
Summernote实现图片上传功能的简单方法
Jul 11 Javascript
JS实现运动缓冲效果的封装函数示例
Feb 18 Javascript
关于vue的npm run dev和npm run build的区别介绍
Jan 14 Javascript
微信小程序实现简易table表格
Jun 19 Javascript
jQuery对底部导航进行跳转并高亮显示的实例代码
Apr 23 jQuery
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
腾讯QQ微博API接口获取微博内容
2013/10/30 PHP
微信公众号开发客服接口实例代码
2016/10/21 PHP
游戏人文件夹程序 ver 4.03
2006/07/14 Javascript
js实现GridView单选效果自动设置交替行、选中行、鼠标移动行背景色
2010/05/27 Javascript
js中关于new Object时传参的一些细节分析
2011/03/13 Javascript
JavaScript 5 新增 Array 方法实现介绍
2012/02/06 Javascript
AngularJS初始化过程分析(引导程序)
2014/12/06 Javascript
微信企业号开发之微信考勤Cookies的使用
2015/09/11 Javascript
Jquery 效果使用详解
2015/11/23 Javascript
Vuejs第十一篇组件之slot内容分发实例详解
2016/09/09 Javascript
js实现碰撞检测特效代码分享
2016/10/16 Javascript
自适应布局meta标签中viewport、content、width、initial-scale、minimum-scale、maximum-scale总结
2017/08/18 Javascript
vue组件间通信子与父详解(二)
2017/11/07 Javascript
Vue.js 动态为img的src赋值方法
2018/03/14 Javascript
再谈Angular4 脏值检测(性能优化)
2018/04/23 Javascript
从零开始实现Vue简单的Toast插件
2018/12/03 Javascript
vue动态设置路由权限的主要思路
2021/01/13 Vue.js
[47:02]2018DOTA2亚洲邀请赛3月29日 小组赛B组 VP VS paiN
2018/03/30 DOTA
python使用循环实现批量创建文件夹示例
2014/03/25 Python
Python求导数的方法
2015/05/09 Python
python3+PyQt5实现自定义流体混合窗口部件
2018/04/24 Python
解决DataFrame排序sort的问题
2018/06/07 Python
Tensorflow读取并输出已保存模型的权重数值方式
2020/01/04 Python
python使用turtle库绘制奥运五环
2020/02/24 Python
PyCharm取消波浪线、下划线和中划线的实现
2020/03/03 Python
HTML5里的placeholder属性使用实例和美化显示效果的方法
2014/04/23 HTML / CSS
捷克建筑材料网上商店:DEK.cz
2021/03/06 全球购物
微笑服务演讲稿
2014/05/13 职场文书
毕业生工作求职信
2014/06/30 职场文书
离婚答辩状怎么写
2015/05/22 职场文书
匿名信格式范文
2015/05/27 职场文书
七一慰问简报
2015/07/20 职场文书
《活见鬼》教学反思
2016/02/24 职场文书
最美劳动诗,致敬所有的劳动者!
2019/07/12 职场文书
详解Nginx 工作原理
2021/03/31 Servers
SpringBoot 集成Redis 过程
2021/06/02 Redis