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 相关文章推荐
JavaScript中__proto__与prototype的关系深入理解
Dec 04 Javascript
javascript使用prototype完成单继承
Dec 24 Javascript
JS实现漂亮的窗口拖拽效果(可改变大小、最大化、最小化、关闭)
Oct 10 Javascript
jQuery EasyUI Pagination实现分页的常用方法
May 21 Javascript
基于Bootstrap的UI扩展 StyleBootstrap
Jun 17 Javascript
jQuery树形控件zTree使用小结
Aug 02 Javascript
js document.getElementsByClassName的使用介绍与自定义函数
Nov 25 Javascript
详解JavaScript常量定义
Jan 03 Javascript
bootstrap——bootstrapTable实现隐藏列的示例
Jan 14 Javascript
详解Vue爬坑之vuex初识
Jun 14 Javascript
vue+jquery+lodash实现滑动时顶部悬浮固定效果
Apr 28 jQuery
ES6函数实现排它两种写法解析
May 13 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
php强制下载类型的实现代码
2011/04/21 PHP
使用php实现网站验证码功能【推荐】
2017/02/09 PHP
PHP实现搜索时记住状态的方法示例
2018/05/11 PHP
PHP FileSystem 文件系统常用api整理总结
2019/07/12 PHP
php菜单/评论数据递归分级算法的实现方法
2019/08/01 PHP
在线游戏大家来找茬II
2006/09/30 Javascript
基于jQuery的弹出消息插件 DivAlert之旅(一)
2010/04/01 Javascript
AngularJS入门知识之MVW类框架的编程思想探讨
2014/12/08 Javascript
js实现上传图片预览的方法
2015/02/09 Javascript
纯HTML5制作围住神经猫游戏-附源码下载
2015/08/23 Javascript
JavaScript数组去重的五种方法
2015/11/05 Javascript
JS深度拷贝Object Array实例分析
2016/03/31 Javascript
jQuery轻松实现表格的隔行变色和点击行变色的实例代码
2016/05/09 Javascript
Bootstrap笔记之缩略图、警告框实例详解
2017/03/09 Javascript
JS获取鼠标位置距浏览器窗口距离的方法示例
2017/04/11 Javascript
AngularJS实现动态添加Option的方法
2017/05/17 Javascript
jQuery实现当拉动滚动条到底部加载数据的方法分析
2019/01/24 jQuery
详解duck typing鸭子类型程序设计与Python的实现示例
2016/06/03 Python
python爬虫入门教程--利用requests构建知乎API(三)
2017/05/25 Python
Python编程实现控制cmd命令行显示颜色的方法示例
2017/08/14 Python
详解Python odoo中嵌入html简单的分页功能
2019/05/29 Python
python3文件复制、延迟文件复制任务的实现方法
2019/09/02 Python
Python将列表中的元素转化为数字并排序的示例
2019/12/25 Python
python利用线程实现多任务
2020/09/18 Python
python+opencv3.4.0 实现HOG+SVM行人检测的示例代码
2021/01/28 Python
css3之UI元素状态伪类选择器实例演示
2017/08/11 HTML / CSS
init进程的作用
2012/04/12 面试题
nohup的用法
2014/08/10 面试题
测绘工程本科生求职信
2013/10/10 职场文书
实用的简历自我评价
2014/03/06 职场文书
书香家庭事迹材料
2014/05/09 职场文书
意外伤害赔偿协议书
2014/09/16 职场文书
交通事故委托书范本(2篇)
2014/09/21 职场文书
建筑安全员岗位职责
2015/02/15 职场文书
浅谈MySQL函数
2021/10/05 MySQL
Android开发手册自定义Switch开关按钮控件
2022/06/10 Java/Android