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 组件之旅(四):测试 JavaScript 组件
Oct 28 Javascript
jQuery $.get 的妙用 访问本地文本文件
Jul 12 Javascript
javascript字符串替换及字符串分割示例代码
Dec 12 Javascript
javascript下拉框选项单击事件的例子分享
Mar 04 Javascript
javascript实现简单的贪吃蛇游戏
Mar 31 Javascript
整理Javascript基础语法学习笔记
Nov 29 Javascript
js中document.referrer实现移动端返回上一页
Feb 22 Javascript
JS实现仿UC浏览器前进后退效果的实例代码
Jul 17 Javascript
详解vue-cli与webpack结合如何处理静态资源
Sep 19 Javascript
浅谈Express.js解析Post数据类型的正确姿势
May 30 Javascript
vue实现二级导航栏效果
Oct 19 Javascript
antd vue 刷新保留当前页面路由,保留选中菜单,保留menu选中操作
Aug 06 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
django中的ajax组件教程详解
2018/10/18 PHP
List Information About the Binary Files Used by an Application
2007/06/18 Javascript
精心挑选的15款优秀jQuery 本特效插件和教程
2012/08/06 Javascript
Javascript 命名空间模式
2013/11/01 Javascript
js判断上传文件后缀名是否合法
2016/01/28 Javascript
jQuery插件passwordStrength密码强度指标详解
2016/06/24 Javascript
Javascript Function.prototype.bind详细分析
2016/12/29 Javascript
微信小程序技巧之show内容展示,上传文件编码问题
2017/01/23 Javascript
AngularJS ui-router (嵌套路由)实例
2017/03/10 Javascript
jquery dataTable 获取某行数据
2017/05/05 jQuery
angular 用拦截器统一处理http请求和响应的方法
2017/06/08 Javascript
详解使用Node.js 将txt文件转为Excel文件
2017/07/05 Javascript
基于vue v-for 多层循环嵌套获取行数的方法
2018/09/26 Javascript
vue实现弹幕功能
2019/10/25 Javascript
JS实现点击下拉列表文本框中出现对应的网址,点击跳转按钮实现跳转
2019/11/25 Javascript
基于jQuery实现可编辑的表格
2019/12/11 jQuery
Js逆向实现滑动验证码图片还原的示例代码
2020/03/10 Javascript
Python中的两个内置模块介绍
2015/04/05 Python
python中requests模块的使用方法
2015/04/08 Python
python计算方程式根的方法
2015/05/07 Python
Python虚拟环境Virtualenv使用教程
2015/05/18 Python
python爬虫之BeautifulSoup 使用select方法详解
2017/10/23 Python
python如何为创建大量实例节省内存
2018/03/20 Python
python使用matplotlib绘制热图
2018/11/07 Python
实时获取Python的print输出流方法
2019/01/07 Python
在python中将list分段并保存为array类型的方法
2019/07/15 Python
Django Rest framework三种分页方式详解
2019/07/26 Python
python写入数据到csv或xlsx文件的3种方法
2019/08/23 Python
python下载库的步骤方法
2019/10/12 Python
Python使用os.listdir和os.walk获取文件路径
2020/05/21 Python
出差报告范文
2014/11/06 职场文书
拾金不昧感谢信
2015/01/21 职场文书
2015年语文教学工作总结
2015/05/25 职场文书
党课主持词大全
2015/06/30 职场文书
Java移除无效括号的方法实现
2021/08/07 Java/Android
Java基于Dijkstra算法实现校园导游程序
2022/03/17 Java/Android