在js中单选框和复选框获取值的方式


Posted in Javascript onNovember 06, 2009
// JavaScript Document 
function sub1() 
{ 
     // 用Form名称直接引用form对象 //form1.method = "get"; 
// 将form名称作为document对象的属性来引用form对象, 
// 并用user作为form对象的属性来引用名为user的文本框元素对象 
// document.form1.user.value = "lisi"; 
             var s1=document.getElementById("s1"); 
             var s2=document.getElementById("s2"); 
             var s3=document.getElementById("s3"); 
             var s4=document.getElementById("s4"); 
             var s5=document.getElementById("s5"); 
             s1.innerText= document.getElementById("text1").value; 
         var obj = document.getElementsByName("radio"); 
for(var i = 0; i < obj.length; i++) 
{ 
     if(obj[i].checked) 
{ 
s2.innerText =obj[i].value; 
} 
} 
             var obj1 = document.getElementsByName("fuxuan"); 
for(var i = 0; i < obj1.length; i++) 
{ 
if(obj1[i].checked) 
{ 
s3.innerText+=obj1[i].value+' '; 
} 
} 
     s4.src=document.getElementById("photoFile1").value; 
s5.innerText=document.getElementById("ta1").value; 
}
Javascript 相关文章推荐
jQuery对象[0]是什么含义?
Jul 31 Javascript
解决js数据包含加号+通过ajax传到后台时出现连接错误
Aug 01 Javascript
jQuery1.9+中删除了live以后的替代方法
Jun 17 Javascript
WEB前端实现裁剪上传图片功能
Oct 17 Javascript
vue2.0开发实践总结之入门篇
Dec 06 Javascript
详解能在多种前端框架下使用的表格控件
Jan 11 Javascript
Jquery获取radio选中值实例总结
Jan 17 jQuery
vue-router命名路由和编程式路由传参讲解
Jan 19 Javascript
vue和better-scroll实现列表左右联动效果详解
Apr 29 Javascript
Vue替代marquee标签超出宽度文字横向滚动效果
Dec 09 Javascript
Nuxt 项目性能优化调研分析
Nov 07 Javascript
使用Ajax实现进度条的绘制
Apr 07 Javascript
模仿JQuery sortable效果 代码有错但值得看看
Nov 05 #Javascript
javaScript parseInt字符转化为数字函数使用小结
Nov 05 #Javascript
jQuery toggle()设置CSS样式
Nov 05 #Javascript
javascript 打印内容方法小结
Nov 04 #Javascript
兼容多浏览器的iframe自适应高度(ie8 、谷歌浏览器4.0和 firefox3.5.3)
Nov 04 #Javascript
JavaScript 自动分号插入(JavaScript synat:auto semicolon insertion)
Nov 04 #Javascript
jQuery 加上最后自己的验证
Nov 04 #Javascript
You might like
《一拳超人》埼玉一拳下去,他们存在了800年毫无意义!
2020/03/02 日漫
vBulletin HACK----显示话题大小和打开新窗口于论坛索引页
2006/10/09 PHP
PHP 文件上传功能实现代码
2009/06/24 PHP
paypal即时到账php实现代码
2010/11/28 PHP
通过curl模拟post和get方式提交的表单类
2014/04/23 PHP
destoon在各个服务器下设置URL Rewrite(伪静态)的方法
2014/06/21 Servers
3款值得推荐的微信开发开源框架
2014/10/28 PHP
Codeigniter检测表单post数据的方法
2015/03/21 PHP
PHP实现链表的定义与反转功能示例
2018/06/09 PHP
PHP实现一个轻量级容器的方法
2019/01/28 PHP
PHP设计模式之 策略模式Strategy详解【对象行为型】
2020/05/01 PHP
Array.prototype.slice 使用扩展
2010/06/09 Javascript
js实现一个省市区三级联动选择框代码分享
2013/03/06 Javascript
利用JS实现浏览器的title闪烁
2013/07/08 Javascript
一个简单的全屏图片上下打开显示网页效果示例
2014/07/08 Javascript
js实现遍历含有input的table实例
2015/12/07 Javascript
Nodejs中使用captchapng模块生成图片验证码
2017/05/18 NodeJs
自定义PC微信扫码登录样式写法
2017/12/12 Javascript
基于jquery.page.js实现分页效果
2018/01/01 jQuery
node.js之基础加密算法模块crypto详解
2018/09/11 Javascript
微信小程序swiper组件实现抖音翻页切换视频功能的实例代码
2020/06/24 Javascript
[55:44]完美世界DOTA2联赛决赛 FTD vs Phoenix 第二场 11.08
2020/11/11 DOTA
使用Python脚本将绝对url替换为相对url的教程
2015/04/24 Python
Pandas 同元素多列去重的实例
2018/07/03 Python
python的依赖管理的实现
2019/05/14 Python
python使用opencv对图像mask处理的方法
2019/07/05 Python
python多项式拟合之np.polyfit 和 np.polyld详解
2020/02/18 Python
python接入支付宝的实例操作
2020/07/20 Python
Python request中文乱码问题解决方案
2020/09/17 Python
css3 条纹化和透明化表格Firefox下测试成功
2014/04/15 HTML / CSS
大学生党课思想汇报
2013/12/29 职场文书
校运会入场式解说词
2014/02/10 职场文书
升学宴主持词
2014/04/02 职场文书
社区务虚会发言材料
2014/10/20 职场文书
vue2实现provide inject传递响应式
2021/05/21 Vue.js
HTML中的表单元素介绍
2022/02/28 HTML / CSS