js动态设置div的值下例子

更新时间：2013年10月29日 17:32:19 作者：

设置div的值想必大家都会吧，按要说动态设置想必知道的人及寥寥无几了，下面有个不错的示例，希望对大家有所帮助

 
<!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中普通函数的使用，下面有个不错的示例，感兴趣的朋友可以参考下
2013-12-12
js清空表单数据的两种方式(遍历+reset)
这篇文章主要介绍了js清空表单数据的两种方式(遍历+reset),需要的朋友可以参考下
2014-07-07
如何在微信小程序实现一个幸运转盘小游戏
这篇文章主要给大家介绍了关于如何在微信小程序实现一个幸运转盘小游戏的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2021-04-04
淘宝搜索框效果实现分析
在输入框里面预设一段提示文字，当焦点在输入框的时候清空这段文字，这在目前来说已经不是什么新鲜事了。
2011-03-03
JavaScript Tab菜单实现过程解析
这篇文章主要介绍了JavaScript Tab菜单实现过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2020-05-05
使用Javascript简单计算器
这篇文章主要为大家详细介绍了使用Javascript简单计算器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-11-11
如何用JS判断数组中是否存在某个值或者某个对象的值
数组是我们编程中经常使用的的数据结构之一,在处理数组时，我们经常需要在数组中查找特定的值,下面这篇文章主要给大家介绍了关于如何用JS判断数组中是否存在某个值或者某个对象的值的相关资料,需要的朋友可以参考下
2023-01-01
JavaScript动态生成二维码图片
本文给大家介绍js动态生成二维码图片的相关内容，感兴趣的朋友一起学习吧
2016-04-04
手机端页面rem宽度自适应脚本
网上关于这方面的文章有很多，重复的东西本文不再赘述，仅提供思路，并解释一些其他文章讲述模糊的地方。重点给大家介绍下rem.有需要的小伙伴可以参考下。
2015-05-05
JavaScript常用判断写法大全(推荐)
这篇文章主要介绍了JavaScript常用判断写法(推荐)的相关资料，非常不错具有参考借鉴价值,需要的朋友可以参考下
2016-05-05