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 相关文章推荐
彻底搞懂JS无缝滚动代码
Jan 03 Javascript
Jquery 一次处理多个ajax请求的代码
Sep 02 Javascript
js判断变量初始化的三种形式及推荐用的形式
Jul 22 Javascript
get(0).tagName获得作用标签示例代码
Oct 08 Javascript
浅析AngularJS中的指令
Mar 20 Javascript
jQuery的deferred对象使用详解
Sep 25 Javascript
js仿支付宝多方框输入支付密码效果
Sep 27 Javascript
详解JS几种变量交换方式以及性能分析对比
Nov 25 Javascript
BootStrap Table 后台数据绑定、特殊列处理、排序功能
May 27 Javascript
详解Angular如何正确的操作DOM
Jul 06 Javascript
测量JavaScript函数的性能各种方式对比
Apr 27 Javascript
Vue实现导入Excel功能步骤详解
Jul 03 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
PHP 错误之引号中使用变量
2009/05/04 PHP
Linux系统下使用XHProf和XHGui分析PHP运行性能
2015/12/08 PHP
PHP从数组中删除元素的四种方法实例
2017/05/12 PHP
Laravel框架分页实现方法分析
2018/06/12 PHP
PHP PDOStatement::getColumnMeta讲解
2019/02/01 PHP
php文件操作之文件写入字符串、数组的方法分析
2019/04/15 PHP
PHP 加密 Password Hashing API基础知识点
2020/03/02 PHP
javascript中最常用的继承模式 组合继承
2010/08/12 Javascript
基于jQuery架构javascript基础体系
2011/01/01 Javascript
JavaScript中数组的排序、乱序和搜索实现代码
2011/11/30 Javascript
bootstrap data与jquery .data
2014/07/07 Javascript
禁用页面部分JavaScript不是全部而是部分
2014/09/03 Javascript
jquery实现简单的遮罩层
2016/01/08 Javascript
javascript鼠标右键菜单自定义效果
2020/12/08 Javascript
js删除Array数组中指定元素的两种方法
2016/08/03 Javascript
点击页面任何位置隐藏div的实现方法
2016/09/05 Javascript
js链表操作(实例讲解)
2017/08/29 Javascript
ES6 如何改变JS内置行为的代理与反射
2019/02/11 Javascript
jQuery AJAX与jQuery事件的分析讲解
2019/02/18 jQuery
详解微信小程序回到顶部的两种方式
2019/05/09 Javascript
Vue2.0 实现页面缓存和不缓存的方式
2019/11/12 Javascript
vue微信分享插件使用方法详解
2020/02/18 Javascript
vue基础知识--axios合并请求和slot
2020/06/04 Javascript
vue+elementUI实现简单日历功能
2020/09/24 Javascript
Python3多线程操作简单示例
2018/05/22 Python
在Keras中利用np.random.shuffle()打乱数据集实例
2020/06/15 Python
Django框架安装及项目创建过程解析
2020/09/14 Python
利用CSS3动画实现圆圈由小变大向外扩散的效果实例
2018/09/10 HTML / CSS
网站性能延迟加载图像的五种技巧(小结)
2020/08/13 HTML / CSS
天猫国际进口超市直营:官方直采,一站购齐
2017/12/11 全球购物
客户代表实习人员自我鉴定
2013/09/27 职场文书
大学生社会实践评语
2014/04/25 职场文书
党员干部廉洁承诺书
2014/05/28 职场文书
安全在我心中演讲稿
2014/09/01 职场文书
2016优秀护士求职自荐信
2016/01/28 职场文书
Elasticsearch 索引操作和增删改查
2022/04/19 Python