js处理复选框，提交了之后无反应 - JavaScript论坛

已结贴√ 问题点数：20 回复次数：1

js处理复选框，提交了之后无反应

意图就是，把被勾选的项目显示在下面的框框里
<html>
<head>
<meta http-equiv="Content-Type" content="text/html charset=gb2312">
<title>it`s a try for checkbox.</title>
<script type="text/javascript">
  function sub()
{
var takeplaceboy=document.getelementsbyname("1");
var takeplacegirl=document.getelementsbyname("2");
if(takeplaceboy=='b'&&takeplacegirl=='g')
{document.显示.value='boy&girl';}
else
  if(takeplaceboy!='b'&&takeplacegirl!='g')
   {document.显示.value='NULL';}
  else
    if(takeplaceboy=='b')
    {document.显示.value='boy';alert("ok");}
    else
    {document.显示.value='girl';}
}
</script>
</head>
<body><center>
  <form name="myform" method="post" onsubmit=" return sub()">
  <input type="checkbox" name="1" value="b"/>boy
  <input type="checkbox" name="2" value="g"/>girl
  <input type="submit" value="提交"/>
  <input type="reset" value="重置"/>
  </form>
<input type="text" name="显示" readonly/>
</center></body>
</html>

搜索更多相关主题的帖子: html　javascript　function　document　content　

<html> <head> <meta http-equiv="Content-Type" content="text/html charset=gb2312"> <title>it`s a try for checkbox.</title> <script type="text/javascript"> function sub() { var takeplaceboy=document.getElementsByName("1")[0]; var takeplacegirl=document.getElementsByName("2")[0]; if(takeplaceboy.checked==true && takeplacegirl.checked==true) { document.forms[0].显示.value='boy&girl'; } else { if(takeplaceboy.checked != true && takeplacegirl.checked !=true) { document.forms[0].显示.value='NULL'; } else if(takeplaceboy.checked== true) { document.forms[0].显示.value='boy'; alert("ok");} else { document.forms[0].显示.value='girl'; } } return false; } </script> </head> <body> <center> <form name="myform" method="post" onsubmit=" return sub()"> <input type="checkbox" name="1" value="b" />boy <input type="checkbox" name="2" value="g" />girl <input type="submit" value="提交" /> <input type="reset" value="重置" /> <input type="text" name="显示" readonly=readonly style="width: 244px" /> </form> </center> </body> </html>