javascript获取复选框的值之后进行对应输出怎么写，求大神指点迷津！
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<script>
function checkbox()
{
var str=document.getElementsByName("box1,box2.box3");
var duiying=str;
if(duiying=="1.2")
{
alert("7");
}
else
{
}
if(duiying=="2,3")
{
alert("10");
}
else
{
}
if(duiying=="3,4")
{
alert("6");
}
else
{
}
if(duiying=="4,5")
{
alert("9,10");
}
else
{
}
}
</script>
请选择数字：
<input type="checkbox" name="box1" id="box1" value="1" />1
<input type="checkbox" name="box2" id="box2" value="2" />2
<input type="checkbox" name="box3" id="box3" value="3" />3
<input type="checkbox" name="box4" id="box4" value="4" />4
<input type="checkbox" name="box5" id="box5" value="5" />5
<input type="checkbox" name="box6" id="box6" value="6" />6
<input type="checkbox" name="box7" id="box7" value="7" />7
<input type="checkbox" name="box8" id="box8" value="8" />8
<input type="checkbox" name="box9" id="box9" value="9" />9
<input type="button" name="button" id="button" onclick="checkbox()" value="提交" />
</body>
</html>
我写的这些代码怎么就不能按照我对应的输出呢？问题出现在哪了？应该怎么改求大神指点迷津！不胜感激！ 展开
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<script>
function checkbox()
{
var str=document.getElementsByName("box1,box2.box3");
var duiying=str;
if(duiying=="1.2")
{
alert("7");
}
else
{
}
if(duiying=="2,3")
{
alert("10");
}
else
{
}
if(duiying=="3,4")
{
alert("6");
}
else
{
}
if(duiying=="4,5")
{
alert("9,10");
}
else
{
}
}
</script>
请选择数字：
<input type="checkbox" name="box1" id="box1" value="1" />1
<input type="checkbox" name="box2" id="box2" value="2" />2
<input type="checkbox" name="box3" id="box3" value="3" />3
<input type="checkbox" name="box4" id="box4" value="4" />4
<input type="checkbox" name="box5" id="box5" value="5" />5
<input type="checkbox" name="box6" id="box6" value="6" />6
<input type="checkbox" name="box7" id="box7" value="7" />7
<input type="checkbox" name="box8" id="box8" value="8" />8
<input type="checkbox" name="box9" id="box9" value="9" />9
<input type="button" name="button" id="button" onclick="checkbox()" value="提交" />
</body>
</html>
我写的这些代码怎么就不能按照我对应的输出呢？问题出现在哪了？应该怎么改求大神指点迷津！不胜感激！ 展开
3个回答
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
html,body{height:100%;}
</style>
<script type="text/javascript">
function checkbox(){
var ckData = [];//选中的checkbox
var ckArr = document.getElementsByName("box");//取得所有的checkbox框
for(var i=0;i<ckArr.length;i++){
if(ckArr[i].checked){//如果选中，则ckData加上选中的值
ckData.push(ckArr[i].value);
}
}
alert(ckData.join(":"));
}
</script>
</head>
<body>
请选择数字：
<input type="checkbox" name="box" id="box1" value="1" />1
<input type="checkbox" name="box" id="box2" value="2" />2
<input type="checkbox" name="box" id="box3" value="3" />3
<input type="checkbox" name="box" id="box4" value="4" />4
<input type="checkbox" name="box" id="box5" value="5" />5
<input type="checkbox" name="box" id="box6" value="6" />6
<input type="checkbox" name="box" id="box7" value="7" />7
<input type="checkbox" name="box" id="box8" value="8" />8
<input type="checkbox" name="box" id="box9" value="9" />9
<input type="button" name="button" id="button" onclick="checkbox()" value="提交" />
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这样好复杂，下个jq的cdn地址，本地引用下，使用jq代码书写，几句话就能实现，如下
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>test</title>
<script src="jquery-1.8.2.min.js/jquery-1.8.2.min.js"></script>
<script language="javascript">
$(document).ready(function(){
$("#button").click(function() {
$("input[type=checkbox]:checked").each(function(){
alert($(this).val());
});
});
});
</script>
</head>
<body>
请选择数字：
<input type="checkbox" name="box1" id="box1" value="1" />1
<input type="checkbox" name="box2" id="box2" value="2" />2
<input type="checkbox" name="box3" id="box3" value="3" />3
<input type="checkbox" name="box4" id="box4" value="4" />4
<input type="checkbox" name="box5" id="box5" value="5" />5
<input type="checkbox" name="box6" id="box6" value="6" />6
<input type="checkbox" name="box7" id="box7" value="7" />7
<input type="checkbox" name="box8" id="box8" value="8" />8
<input type="checkbox" name="box9" id="box9" value="9" />9
<input type="button" name="button" id="button" value="提交" />
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>test</title>
<script src="jquery-1.8.2.min.js/jquery-1.8.2.min.js"></script>
<script language="javascript">
$(document).ready(function(){
$("#button").click(function() {
$("input[type=checkbox]:checked").each(function(){
alert($(this).val());
});
});
});
</script>
</head>
<body>
请选择数字：
<input type="checkbox" name="box1" id="box1" value="1" />1
<input type="checkbox" name="box2" id="box2" value="2" />2
<input type="checkbox" name="box3" id="box3" value="3" />3
<input type="checkbox" name="box4" id="box4" value="4" />4
<input type="checkbox" name="box5" id="box5" value="5" />5
<input type="checkbox" name="box6" id="box6" value="6" />6
<input type="checkbox" name="box7" id="box7" value="7" />7
<input type="checkbox" name="box8" id="box8" value="8" />8
<input type="checkbox" name="box9" id="box9" value="9" />9
<input type="button" name="button" id="button" value="提交" />
</body>
</html>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这完全是乱写。。。最好多看看入门教程
追问
我是新手，没自己写过，求指点！
追答
百度一下"智能社"，里面的JavaScript视频教程还不错，比较适合新手入门，推荐你去看看。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
