一个简单的多选JS求检验

function checkbx()
{
  var checked_boxes=0;
  for(i=0;i<document.form.cbox.length;i++)
  {
if(document.form.cbox[i].checked)
         {
checked_boxes+=1;
  }
  if(checked_boxes==0)
  {
         alert('请先选择！');
         return false;
  }
  else
  {
if (!confirm("检查好了没有"))
return false;
  }
}这段代码当只有一个CHECKBOX的时候似乎无效，问题出在哪儿，求指点

解决方案 »

  1.   

    <!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>
    <style></style>
    </head><body>
    <form id="form" name="form">
    <input type="checkbox" name="cbox" /><br />
        <input type="button" value="click me" onclick="checkbx()" />
    </form>
    <script>
    function checkbx()
    {
      var checked_boxes=0;
      var cbox = document.getElementsByName('cbox')
      for(i=0;cbox.length;i++)
      {
    if(cbox[i].checked){
    checked_boxes+=1;
       }
       if(checked_boxes==0){
       alert('请先选择！');
       return false;
       }
       else{
    if (!confirm("检查好了没有"))return false;
       }
      }
    }</script>
    </body>
    </html>
      

  2.   

    function checkbx()
    {
    var checked_boxes = 0;
    var cboxes = document.getElementsByName('cbox');
    for (i = 0,len = cboxes.length; i < len; i++)
    {
    if (cboxes[i].checked)
    {
    checked_boxes++;
    }
    if (checked_boxes == 0)
    {
    alert('请先选择！');
    return false;
    }
    else
    {
    if (!confirm("检查好了没有"))
    return false;
    }
    }
    }
      

  3.   

    function checkbx()
    {
      var checked_boxes=0;
      for(i=0;i<document.form.cbox.length;i++)
      {
    if(document.form.cbox[i].checked)
      {
    checked_boxes+=1;
    break;
      }
      
    }if(checked_boxes==0)
      {
      alert('请先选择！');
      return false;
      }
      else
      {
    if (!confirm("检查好了没有"))
    return false;
      }
      

  4.   

    function checkbx()
    {
      var checked_boxes=0;
      for(i=0;i<document.form.cbox.length;i++)
      {
    if(document.form.cbox[i].checked)
      {
    checked_boxes+=1;
    break;
      }
    if(checked_boxes==0)
      {
      alert('请先选择！');
      return false;
      }
      else
      {
    if (!confirm("检查好了没有"))
    return false;
      }  
    }
      

  5.   


    <!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>
    <script type="text/javascript">
    function checkbx()
    {
       var checked_boxes=0;
       var length = document.form.cbox.length;
       if(length)
       {
       for(i=0;i<length;i++)
       {
       if(document.form.cbox[i].checked)
       {
       checked_boxes+=1;
       }
    }
       }
       else
       {
       if(document.form.cbox.checked)
       {
       checked_boxes+=1;
       }
       }
       if(checked_boxes==0)
       {
       alert('请先选择！');
       return false;
       }
       else
       {
       if (!confirm("检查好了没有"))
       return false;
       }
    }
    </script>
    </head><body>
    <form name="form">
    <input type="checkbox" name="cbox" value="Bike" /> I have a bike<br />
    <input type="checkbox" name="cbox" value="Moto" /> I have a moto<br />
    <input type="button" value="Submit" onclick="checkbx()" />
    </form>
    </body>
    </html>只有一个checkbox时document.form.cbox返回的并不是一个数组。