软件开发培训班 >> 编程开发 >> JavaScript

用Javascript读取CheckBox数组的值的代码(兼容IE与firefox)

　　本文标签：CheckBox,数组

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>getElementsByName范例</title> 
<script type="text/javascript"> 
function test(){ 
// 得到checkbox数组 
var elements = document.getElementsByName("role"); 
var str = ""; 
// 取得所选择的角色 
for(var i=0;i<elements.length;i++){ 
if(elements[i].checked){ 
str += "> " + elements[i].value + "\n"; 
} 
} 
// 输出 
if(str == ""){ 
alert("您没有选择任何角色！"); 
} 
else{ 
alert("您选择的角色为：\n\n" + str); 
} 
} 
</script> 
</head> 
<body> 
<table cellspacing="5" cellpadding="2" align="Center" border="1"> 
<tr> 
<td align="center" class="dgHeader" nowrap>选择角色</td> 
<td align="left"> 
系统管理员<input name="role" type="checkbox" value="系统管理员" >
 
总经理<input name="role" type="checkbox" value="总经理" >
 
代理商<input name="role" type="checkbox" value="代理商" >
 
客服人员<input name="role" type="checkbox" value="客服人员" >
 
</td> 
</tr> 
<tr> 
<td height="29" colspan="2" align="center"> 
<input type="button" id="btnSubmit" style="font-size:12px;width:90px;" value="输出选择结果" onclick="test();" /> 
</tr> 
</table> 
</body> 
</html>

技术文章快速查找

jQuery 回车事件enter使用示例

用JavaScript实现网页“打字机”效果

常用一些Javascript判断函数

js动态添加事件并可传参数示例代码

JavaScript+CSS实现网页换肤功能

Jquery中对数组的操作代码

基于Jquery的实现回车键Enter切换焦点

JS方法在iframe父子窗口间的调用

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建