js 获取checkbox的值出现undefined
html代码如下：
<td><div id="xuanxiang">
<%
String str = list.get(0).getquestioncontent();
String[] contents = str.split("\\|");
for (int i = 0; i < contents.length; i++) {
%>
<br/>
<input type="checkbox" />
<input type="text" value="<%=contents[i]%>"/>
<input type="button" value="删除"/>
<%
}
%>
</div></td>
JS代码如下：
function xuanxiang()
{
var inputdiv = document.getElementById("xuanxiang");
var lis=inputdiv.childNodes;
var str="";
var ans="";
for(var i=0;i<lis.length;i++){
if(lis.item(i).type=="text"){
str+=lis.item(i).value;
str+="|";
}
if(lis.item(i).type=="checkbox"){
if(lis.item(i).checked==true){
ans+=lis.item(i+1).getValue;
ans+="|";
}
}
}
alert(str);
var xuan=document.getElementById("xuan");
xuan.setAttribute("value", str);
var answer=document.getElementById("answer");
answer.setAttribute("value", ans);
alert(ans);
document.getElementById("timu").submit();
}
问题就是text的值得能获取到，但是作为答案的选项的值就只显示：undefined
[解决办法]
服务端代码中 <input type="checkbox" />
既不命名，也不赋值
自然就只能是 on、off 了
没有被选中的复选框不会被提交，被提交的同名复选框在服务端是一个数组
用 js 取值也需要遵守这一规则
况且 jq 提供了 serialize （表单序列化方法），你可以参考一下
不必在这些小轮子的制造上劳神费力
