Question

在jsp页面中怎样用javaScript检查多选框是否被选中?

在jsp页面中有A,B,C,D四个多选框,并且动态的生成了N行,怎样用javaScript一行行且一个个的检查它们是否被选中呢?
for(int i = 0; i < sheetNum; i++){
%>
<tr>
<td width="96"><input name="sheetid<%=j%>" type="text" value="<%=count++%>" size="6" /></td>
<td width="120"><input type="checkbox" name="checkbox<%=j%>" value="A" />
<strong>A</strong></td>
<td width="120"><input type="checkbox" name="checkbox<%=j%>" value="B" />
<strong>B</strong></td>
<td width="120"><input type="checkbox" name="checkbox<%=j%>" value="C" />
<strong>C</strong></td>
<td width="120"><input type="checkbox" name="checkbox<%=j%>" value="D" />
<strong>D</strong></td>
</tr>
<% j++; }%>
这是我的源码

Answer 1

var chk=document.getElementsByTagName("input");
for(var i=0,len=chk.length;i<len;i++){
if(chk[i].type=="checkbox"){
if(chk[i].checked){
alert(chk[i].id+"被选中了");
}
}
}
这样就能得到所有的chkckbox了.
如果只是在某个范围内,可以这样
如
<div id="cc">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
</div>
则可以这样得到div内的所有checkbox
var arr=document.getElementById("cc").getElementsByTagName("input");
for(var i=0,len=chk.length;i<len;i++){
if(chk[i].type=="checkbox"){
if(chk[i].checked){
alert(chk[i].id+"被选中了");
}
}
}

给你最外层的一个Table指定一个ID就可以了。如：给一个叫TblContainer的ID，可以这样用。
var arr=document.getElementById("TblContainer").getElementsByTagName("input");
for(var i=0,len=chk.length;i<len;i++){
if(chk[i].type=="checkbox"){
if(chk[i].checked){
alert(chk[i].id+"被选中了");
}
}
}