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 相关文章推荐
表单验证的完整应用案例探讨
Mar 29 Javascript
js获取指定日期周数以及星期几的小例子
Jun 27 Javascript
jQuery事件用法实例汇总
Aug 29 Javascript
详解JavaScript中的表单验证
Jun 16 Javascript
js 判断一个数字是不是2的n次方幂的实例
Nov 26 Javascript
vue element项目引入icon图标的方法
Jun 06 Javascript
vue项目部署上线遇到的问题及解决方法
Jun 10 Javascript
no-vnc和node.js实现web远程桌面的完整步骤
Aug 11 Javascript
一篇文章带你从零快速上手Rollup
Sep 07 Javascript
原生js实现自定义难度的扫雷游戏
Jan 22 Javascript
vue实现可拖拽的dialog弹框
May 13 Vue.js
vue.js 使用原生js实现轮播图
Apr 26 Vue.js
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下intval()和(int)转换使用与区别
2008/07/18 PHP
整理的一些实用WordPress后台MySQL操作命令
2013/01/07 PHP
Ajax请求PHP后台接口返回信息的实例代码
2018/08/21 PHP
Stop SQL Server
2007/06/21 Javascript
Javascript 函数对象的多重身份
2009/06/28 Javascript
选择器中含有空格在使用示例及注意事项
2013/07/31 Javascript
使用js操作css实现js改变背景图片示例
2014/03/10 Javascript
JavaScript实现16进制颜色值转RGB的方法
2015/02/09 Javascript
js代码实现点击按钮出现60秒倒计时
2021/01/28 Javascript
jQuery多个版本和其他js库冲突的解决方法
2016/08/11 Javascript
easyui messager alert 三秒后自动关闭提示的实例
2016/11/07 Javascript
js时间控件只显示年月
2017/01/08 Javascript
Angular ui.bootstrap.pagination分页
2017/01/20 Javascript
Bootstrap 响应式实用工具实例详解
2017/03/29 Javascript
js禁止浏览器的回退事件
2017/04/20 Javascript
node.js部署之启动后台运行forever的方法
2018/05/23 Javascript
JavaScript设计模式之构造函数模式实例教程
2018/07/02 Javascript
Three.js实现3D机房效果
2018/12/30 Javascript
使用Vue-Awesome-Swiper实现旋转叠加轮播效果&amp;平移轮播效果
2019/08/16 Javascript
Python中函数参数设置及使用的学习笔记
2016/05/03 Python
Python+MongoDB自增键值的简单实现
2016/11/04 Python
python中urlparse模块介绍与使用示例
2017/11/19 Python
Python3 Click模块的使用方法详解
2020/02/12 Python
Keras实现支持masking的Flatten层代码
2020/06/16 Python
css3之UI元素状态伪类选择器实例演示
2017/08/11 HTML / CSS
纯CSS3+DIV实现小三角形边框效果的示例代码
2020/08/03 HTML / CSS
数学系毕业生的自我评价
2014/01/10 职场文书
车辆转让协议书
2014/09/24 职场文书
领导班子在批评与自我批评座谈会上的发言
2014/09/28 职场文书
2014教师年度工作总结
2014/11/10 职场文书
2014年德育工作总结
2014/11/20 职场文书
教师工作决心书
2015/02/04 职场文书
领导干部失职检讨书
2015/05/05 职场文书
地雷战观后感
2015/06/09 职场文书
初中生活随笔
2015/08/15 职场文书
SpringBoot中获取profile的方法详解
2022/04/08 Java/Android