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 相关文章推荐
基于jQuery的淡入淡出可自动切换的幻灯插件打包下载
Sep 15 Javascript
Web 前端设计模式--Dom重构 提高显示性能
Oct 22 Javascript
jQuery判断数组是否包含了指定的元素
Mar 10 Javascript
javascript中使用new与不使用实例化对象的区别
Jun 22 Javascript
浅谈JavaScript中的对象及Promise对象的实现
Nov 15 Javascript
前端性能优化及技巧
May 06 Javascript
聊一聊JS中this的指向问题
Jun 17 Javascript
Angular.Js之Scope作用域的学习教程
Apr 27 Javascript
BootStrap中的Fontawesome 图标
May 25 Javascript
vue2中使用sass并配置全局的sass样式变量的方法
Sep 04 Javascript
详解JavaScript的变量
Apr 04 Javascript
Javascript执行上下文顺序的深入讲解
Nov 04 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
如何在WIN2K下安装PHP4.04
2006/10/09 PHP
PHP5+UTF8多文件上传类
2008/10/17 PHP
为PHP初学者的8点有效建议
2010/11/20 PHP
php学习之简单计算器实现代码
2011/06/09 PHP
基于PHP对XML的操作详解
2013/06/07 PHP
PHP递归删除目录几个代码实例
2014/04/21 PHP
php对微信支付回调处理的方法
2018/08/23 PHP
脚本合并提升javascript性能示例
2014/02/24 Javascript
Sort()函数的多种用法
2016/03/20 Javascript
浅谈jQuery 选择器和dom操作
2016/06/07 Javascript
switch语句的妙用(必看篇)
2016/10/03 Javascript
js实现html table 行,列锁定的简单实例
2016/10/13 Javascript
Vue.JS入门教程之列表渲染
2016/12/01 Javascript
javascript 单例模式详解及简单实例
2017/02/14 Javascript
js正则相关知识点专题
2018/05/10 Javascript
JavaScript数组基于交换的排序示例【冒泡排序】
2018/07/21 Javascript
nodejs实现范围请求的实现代码
2018/10/12 NodeJs
jquery实现动态添加附件功能
2018/10/23 jQuery
react-router 路由切换动画的实现示例
2018/12/03 Javascript
layui 实现自动选择radio单选框(checked)的方法
2019/09/03 Javascript
解决Vue动态加载本地图片问题
2019/10/09 Javascript
js实现图片无缝循环轮播
2019/10/28 Javascript
解决vue v-for src 图片路径问题 404
2019/11/12 Javascript
Python删除空文件和空文件夹的方法
2015/07/14 Python
Python实现的维尼吉亚密码算法示例
2018/04/12 Python
对python中的pop函数和append函数详解
2018/05/04 Python
Python中的单继承与多继承实例分析
2018/05/10 Python
详解修改Anaconda中的Jupyter Notebook默认工作路径的三种方式
2021/01/24 Python
专注澳大利亚特产和新西兰特产的澳洲中文网:0061澳洲制造
2019/03/24 全球购物
会计大学生职业生涯规划书范文
2014/01/13 职场文书
老公爱的承诺书
2014/03/31 职场文书
企业读书活动总结
2014/06/30 职场文书
党的群众路线教育实践活动对照检查材料(教师)
2014/09/24 职场文书
幼儿园教师师德师风承诺书
2015/04/28 职场文书
农村婚礼司仪主持词
2015/06/29 职场文书
sentinel支持的redis高可用集群配置详解
2022/04/01 Redis