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 Event学习第九章 鼠标事件
Feb 08 Javascript
JavaScript 模拟类机制及私有变量的方法及思路
Jul 10 Javascript
js实现页面转发功能示例代码
Aug 05 Javascript
JS控件ASP.NET的treeview控件全选或者取消(示例代码)
Dec 16 Javascript
Javascript实现div的toggle效果实例分析
Jun 09 Javascript
JS+CSS实现仿msn风格选项卡效果代码
Oct 22 Javascript
javascript实现很浪漫的气泡冒出特效
Sep 05 Javascript
详解javascript获取url信息的常见方法
Dec 19 Javascript
ReactNative Image组件使用详解
Aug 07 Javascript
Vue中定义全局变量与常量的各种方式详解
Aug 23 Javascript
layui实现数据表格自定义数据项
Oct 26 Javascript
Vue element-ui父组件控制子组件的表单校验操作
Jul 17 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生成唯一ID之SnowFlake算法
2016/12/17 PHP
php获取POST数据的三种方法实例详解
2016/12/20 PHP
PHP 实现 JSON 数据的编码和解码操作详解
2020/04/22 PHP
jqPlot jquery的页面图表绘制工具
2009/07/25 Javascript
Jquery ajaxsubmit上传图片实现代码
2010/11/04 Javascript
《JavaScript高级程序设计》阅读笔记(三) ECMAScript中的引用类型
2012/02/27 Javascript
js控制div弹出层实现方法
2015/05/11 Javascript
js采用concat和sort将N个数组拼接起来的方法
2016/01/21 Javascript
jQuery对象与DOM对象转换方法详解
2016/05/10 Javascript
JavaScript知识点总结(五)之Javascript中两个等于号(==)和三个等于号(===)的区别
2016/05/31 Javascript
jquery mobile 实现自定义confirm确认框效果的简单实例
2016/06/17 Javascript
vue如何集成raphael.js中国地图的方法示例
2017/08/15 Javascript
jQuery实现的表格前端排序功能示例
2017/09/18 jQuery
小程序兼容安卓和IOS数据处理问题及坑
2018/09/18 Javascript
详解vue的双向绑定原理及实现
2019/05/05 Javascript
Vue 无限滚动加载指令实现方法
2019/05/28 Javascript
微信小程序身份证验证方法实现详解
2019/06/28 Javascript
如何基于原生javaScript生成带图片的二维码
2019/11/21 Javascript
react ant Design手动设置表单的值操作
2020/10/31 Javascript
MySQL最常见的操作语句小结
2015/05/07 Python
用python实现百度翻译的示例代码
2018/03/09 Python
磁盘垃圾文件清理器python代码实现
2020/08/24 Python
详解python运行三种方式
2019/05/13 Python
django基于cors解决跨域请求问题详解
2019/08/06 Python
详解使用Python下载文件的几种方法
2019/10/13 Python
python 定义类时,实现内部方法的互相调用
2019/12/25 Python
python基于爬虫+django,打造个性化API接口
2021/01/21 Python
正规的求职信范文分享
2013/12/11 职场文书
老公爱的承诺书
2014/03/31 职场文书
小学新教师个人总结
2015/02/05 职场文书
现实表现证明材料
2015/06/19 职场文书
2015国庆节宣传语
2015/07/14 职场文书
结婚典礼致辞
2015/07/28 职场文书
那些美到让人窒息的诗句,值得你收藏!
2019/08/20 职场文书
CSS极坐标的实例代码
2021/06/03 HTML / CSS
Pyqt5将多个类组合在一个界面显示的完整示例
2021/09/04 Python