<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
//通过getElementByTag
function getCbxByTag()
{
var cbx = document.getElementsByTagName("input");
var cbxValue="";
for(var i=0;i<cbx.length;i++)
{
if(cbx[i].type =="checkbox")
{
if (cbx[i].checked)
{
if (cbxValue.length>0)
{
cbxValue += ","+cbx[i].value;
}
else
{
cbxValue = cbx[i].value ;
}
}
}
}
alert(cbxValue);
return false;
}
//通过getElementsByName
function getCbxByName()
{
var cbx = document.getElementsByName("ff");
var cbxValue="";
for(var i=0;i<cbx.length;i++)
{
if (cbx[i].checked)
{
if (cbxValue.length>0)
{
cbxValue += ","+cbx[i].value;
}
else
{
cbxValue = cbx[i].value ;
}
}
}
alert(cbxValue);
return false;
}
//使用了数组的getElementsByName
function mm()
{
var a = document.getElementsByName("ff");
var s = [];
for(var i=0; i<a.length; i++)
{
if(a[i].type=="checkbox" && a[i].checked)
{
s[s.length] = a[i].value;
}
}
alert(s);
}
//-->
</SCRIPT>
<BODY>
<form name="form" id="form" method="post" onsubmit="JavaScript:return getCbxByTag();">
<input name="ff" type="checkbox" id="ff1" value="1">1
<input name="ff" type="checkbox" id="ff2" value="2">2
<input name="ff" type="checkbox" id="ff3" value="3">3
<input name="ff" type="checkbox" id="ff4" value="4">4
<input type="submit" name="Submit" value="提交">
<input type="button" name="buttun2" value="提交2" onclick="return getCbxByName()">
<input type="button" name="buttun2" value="提交3" onclick="mm()">
</form>
</BODY>
</HTML>
posted on 2006-04-03 14:40
汪杰 阅读(1817)
评论(0) 编辑 收藏 引用 所属分类:
hengxing网站js