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 相关文章推荐
两个select之间option的互相添加操作(jquery实现)
Nov 12 Javascript
Javascript:为input设置readOnly属性(示例讲解)
Dec 25 Javascript
input链接页面、打开新网页等等的具体实现
Dec 30 Javascript
使用javascript控制cookie显示和隐藏背景图
Feb 12 Javascript
js动态获取子复选项并设计全选及提交的实现方法
Jun 24 Javascript
js跨域资源共享 基础篇
Jul 02 Javascript
浅谈express 中间件机制及实现原理
Aug 31 Javascript
angular第三方包开发整理(小结)
Apr 19 Javascript
详解Vue中使用Echarts的两种方式
Jul 03 Javascript
vue中slot(插槽)的介绍与使用
Nov 12 Javascript
JS实现点餐自动选择框(案例分析)
Dec 10 Javascript
Vue实现图书管理案例
Jan 20 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
在PHP3中实现SESSION的功能(二)
2006/10/09 PHP
php实现购物车功能(以大苹果购物网为例)
2017/03/09 PHP
POST一个JSON格式的数据给Restful服务实例详解
2017/04/07 PHP
PHP+iframe模拟Ajax上传文件功能示例
2019/07/02 PHP
JS加ASP二级域名转向的代码
2007/05/17 Javascript
Div Select挡住的解决办法
2008/08/07 Javascript
jquery pagination插件实现无刷新分页代码
2009/10/13 Javascript
js判断当前页面用什么浏览器打开的方法
2016/01/06 Javascript
Node.js与MySQL交互操作及其注意事项
2016/10/05 Javascript
thinkjs 文件上传功能实例代码
2017/11/08 Javascript
微信小程序实现选项卡功能
2020/06/19 Javascript
使用elementUI实现将图片上传到本地的示例
2018/09/04 Javascript
原生JS实现动态添加新元素、删除元素方法
2019/05/05 Javascript
[02:40]2018年度DOTA2最佳新人-完美盛典
2018/12/16 DOTA
Python Web框架Flask中使用百度云存储BCS实例
2015/02/08 Python
5个很好的Python面试题问题答案及分析
2018/01/19 Python
python print 按逗号或空格分隔的方法
2018/05/02 Python
python 多个参数不为空校验方法
2019/02/14 Python
Python计算一个点到所有点的欧式距离实现方法
2019/07/04 Python
django settings.py 配置文件及介绍
2019/07/15 Python
Tensorflow实现酸奶销量预测分析
2019/07/19 Python
Python高级特性 切片 迭代解析
2019/08/23 Python
opencv 获取rtsp流媒体视频的实现方法
2019/08/23 Python
Python定时器线程池原理详解
2020/02/26 Python
Django 删除upload_to文件的步骤
2020/03/30 Python
python传到前端的数据,双引号被转义的问题
2020/04/03 Python
python中adb有什么功能
2020/06/07 Python
利用CSS3实现文本框的清除按钮相关的一些效果
2015/06/23 HTML / CSS
世界上最全面的汽车零部件和配件集合:JC Whitney
2016/09/04 全球购物
Jeep牧马人、切诺基和自由人零配件:4 Wheel Drive Hardware
2017/07/02 全球购物
酒店管理自荐信
2013/10/23 职场文书
护理学毕业生求职信
2013/11/14 职场文书
销售主管岗位职责
2014/02/08 职场文书
运动会通讯稿500字
2014/02/20 职场文书
派出所班子党的群众路线对照检查材料思想汇报
2014/10/01 职场文书
win11无线投屏在哪设置? win11无线投屏功能的使用方法
2022/04/08 数码科技