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 相关文章推荐
GWT中复制到剪贴板 js+flash实现复制 兼容性比较好
Mar 07 Javascript
关于document.cookie的使用javascript
Oct 29 Javascript
Javascript数组的排序 sort()方法和reverse()方法
Jun 04 Javascript
table对象中的insertRow与deleteRow使用示例
Jan 26 Javascript
Javascript 按位左移运算符使用介绍(
Feb 04 Javascript
jQuery实现选中弹出窗口选择框内容后赋值给文本框的方法
Nov 23 Javascript
bootstrap datetimepicker实现秒钟选择下拉框
Jan 05 Javascript
bootstrap下拉菜单使用方法解析
Jan 13 Javascript
AngularJS实现页面定时刷新
Mar 14 Javascript
基于Vue实现的多条件筛选功能的详解(类似京东和淘宝功能)
May 07 Javascript
小程序分享链接onShareAppMessage的具体用法
May 22 Javascript
解决vue页面刷新,数据丢失的问题
Nov 24 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
ftp类(example.php)
2006/10/09 PHP
div li的多行多列 无刷新分页示例代码
2013/10/16 PHP
PHP实现腾讯与百度坐标转换
2017/08/05 PHP
通过jQuery打造支持汉字,拼音,英文快速定位查询的超级select插件
2010/06/18 Javascript
JavaScript 在网页上单击鼠标的地方显示层及关闭层
2012/12/30 Javascript
jQuery filter函数使用方法
2014/05/19 Javascript
jQuery知识点整理
2015/01/30 Javascript
jQuery通过扩展实现抖动效果的方法
2015/03/11 Javascript
JavaScript中pop()方法的使用教程
2015/06/09 Javascript
JavaScript变量的作用域全解析
2015/08/14 Javascript
AngularJS 模块详解及简单实例
2016/07/28 Javascript
微信小程序 wxapp画布 canvas详细介绍
2016/10/31 Javascript
js实现自定义进度条效果
2017/03/15 Javascript
详解Vue中一种简易路由传参办法
2017/09/15 Javascript
Angular2实现组件交互的方法分析
2017/12/19 Javascript
jQuery EasyUI 选项卡面板tabs的使用实例讲解
2017/12/25 jQuery
javascript数组拍平方法总结
2018/01/20 Javascript
微信小程序数据存储与取值详解
2018/01/30 Javascript
浅谈Webpack打包优化技巧
2018/06/12 Javascript
Vue实现数据请求拦截
2019/10/23 Javascript
Pytorch DataLoader 变长数据处理方式
2020/01/08 Python
Python Selenium 设置元素等待的三种方式
2020/03/18 Python
学会迭代器设计模式,帮你大幅提升python性能
2021/01/03 Python
英国珠宝钟表和家居礼品精品店:David Shuttle
2018/02/24 全球购物
定制iPhone和Macbook保护壳:Slick Case
2018/11/21 全球购物
英国最大的自有市场,比亚马逊便宜:Flubit
2019/03/19 全球购物
英国最大的汽车配件在线商店:Euro Car Parts
2019/09/30 全球购物
Nike意大利官网:Nike.com IT
2020/01/19 全球购物
销售会计工作职责
2013/12/02 职场文书
施工安全协议书
2013/12/11 职场文书
请假条怎么写
2014/04/10 职场文书
小学兴趣小组活动总结
2014/07/07 职场文书
黑暗中的舞者观后感
2015/06/18 职场文书
个人欠条范本
2015/07/03 职场文书
初中毕业生感言
2015/07/31 职场文书
Python实现生活常识解答机器人
2021/06/28 Python