且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

js多选框checkbox至少选择一项

更新时间:2022-08-16 12:24:49

<script type="text/javascript">
 var $obj=function(Obj){ return document.getElementById(Obj);}
    function checkfm()
 {
  var boxv=document.getElementsByName("ckcon[]");
  var boxvv="";
  for(var i=0;i<boxv.length;i++)
  {
   if(boxv[i].checked)
   {
    boxvv=boxv[i].value; 
   }
  }
  if(boxvv=="")
  {
   if($obj("symptom").value=="")
   {
    alert('请选择一项问题或其它问题!'); 
    return  false;
   }
   else
   {
     if($obj("username").value=="")
     {
      alert('请填写姓名!'); 
      return  false; 
     }
     else if($obj("phone").value=="")
     {
      alert('请填写联系电话!'); 
      return  false;       
     }
     else
     {
      $obj("form1").action="savemess.php?action=save";
      return true; 
     }
   }
  }
  else
  {
     if($obj("username").value=="")
     {
      alert('请填写姓名!'); 
      return  false; 
     }
     else if($obj("phone").value=="")
     {
      alert('请填写联系电话!'); 
      return  false;       
     }
     else
     {
      $obj("form1").action="savemess.php?action=save";
      return true; 
     }
  }
 }
</script>

<form id="form1"  name="form1" method="post" onsubmit="return checkfm();">

  <div class="tc_checkList">
    <ul>
     <li><input type="checkbox" name="ckcon[]" value="皱纹"/> 皱纹</li>
     <li><input type="checkbox" name="ckcon[]" value="色斑"/> 色斑</li>
     <li><input type="checkbox" name="ckcon[]" value="皮肤干燥"/> 皮肤干燥</li>
     <li><input type="checkbox" name="ckcon[]" value="皮肤松弛"/> 皮肤松弛</li>
     <li><input type="checkbox" name="ckcon[]" value="亚健康"/> 亚健康</li>
     <li><input type="checkbox" name="ckcon[]" value="失眠多梦"/> 失眠多梦</li>
     <li><input type="checkbox" name="ckcon[]" value="脸部痘印"/> 脸部痘印</li>
     <li><input type="checkbox" name="ckcon[]" value="盗汗潮红"/> 盗汗潮红</li>
     <li><input type="checkbox" name="ckcon[]" value="更年期症状"/> 更年期症状</li>
     <li><input type="checkbox" name="ckcon[]" value="内分泌失调"/> 内分泌失调</li>
     
     <li>其它问题 <input type="text" id="symptom" name="symptom" value=""/></li>
    </ul>
  </div>

</form>


本文转自 gutaotao1989 51CTO博客,原文链接:http://blog.51cto.com/taoyouth/1073011