脚本控制复选框

<form name="myform" method="post" action="shi1.jsp">
<td> <input type="checkbox" name="test1" value="ww1">ww1 </td>
<td> <input type="checkbox" name="test2" value="ww2">ww2 </td>
<td> <input type="checkbox" name="test3" value="ww3">ww3 </td>
<td> <input type="checkbox" name="test4" value="ww4">ww4 </td><td> <input name="Submit" type="submit" value="提交">如当我点击提交按钮时，发现如果复选框一个没选，则弹出对话框，提示至少选择一个。小弟初学，线等

解决方案 »

  1.   

    <html>
    <head>
    <script type="text/javascript">
    function validate(){
      var checkboxs = document.getElementsByName("cb");
      var num = 0;
      for(var i = 0; i < checkboxs.length; i++){
          if(checkboxs[i].checked == true){
              num++;
          }
      }
      if(num==0){
          alert("至少选择一个");
      }
    }
    </script>
    </head>
    <body>
    <table>
    <tr>
    <td> <input type="checkbox" name="cb" value="ww1">ww1 </td> 
    <td> <input type="checkbox" name="cb" value="ww2">ww2 </td> 
    <td> <input type="checkbox" name="cb" value="ww3">ww3 </td> 
    <td> <input type="checkbox" name="cb" value="ww4">ww4 </td> 
    </tr>
    </table>
    <input type="button" onclick="validate()" value="提交"/>
    </body>
    </html>
      

  2.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
     <script type="text/javascript">
      function fun_chk(){
    var chks=document.all.myform.test1;//获取复选框对象
    var isflag=false; //标识复选框是否被选中，默认为一个也没有选中 //循环复选框
    for(var i=0;i<chks.length;i++){
    if(chks[i].checked){ //如果被选中了，将isflag=true;
    isflag=true;
    return;
    }
    }
    if(!isflag){ //如果isflag==false 表示一个也没有选择，则提示至少选一项，不提交
    alert("复选框至少选一项！");
    return false;
    }
    return true; //提交
      }
     </script>
     </HEAD> <BODY>
      <form name="myform" method="post" action="shi1.jsp" onsubmit="return fun_chk();"> 
    <td> <input type="checkbox" name="test1" value="ww1">ww1 </td> 
    <td> <input type="checkbox" name="test1" value="ww2">ww2 </td> 
    <td> <input type="checkbox" name="test1" value="ww3">ww3 </td> 
    <td> <input type="checkbox" name="test1" value="ww4">ww4 </td> <td> <input name="Submit" type="submit" value="提交"> 
     </BODY>
    </HTML>
    需要说明如下：
    在你的页面中，将checkbox的name设为相同，这样就为一组，容易判断。
    onsubmit事件是点击submit提交按钮时触发的事件，调用js方法时必须加上return,否则弹出提示框时也会提交到form指定的action路径。
      

  3.   


    <script language="javascript">
        function check()
    {
        var t=document.getElementsByName("checkbox1");
    var g=0;

    for(var i=0;i<t.length;i++)
    {
         
         if(t[i].checked == true)
     {
         g++;
     }
      
    }
    if(g==0)
    {
         alert("请至少选择一条！！");
    }
    }
    </script>
    </head><body>
    <form id="form1" name="form1" method="post" action="" onsubmit="ss()">
      <label>
      <input type="checkbox"  name="checkbox1"  value="a" />aaaa
      </label>
      <label>
      <input type="checkbox"  name="checkbox1" value="b" />bbbb
      </label>
      <label>
      <input type="checkbox" name="checkbox1" value="c" />cccc
      </label>
      <label>
      <input type="checkbox" name="checkbox1" value="d" />dddd
      </label>
      <label>
      <input type="checkbox" name="checkbox1" value="e" />eeee
      </label>
      <input name="Submit" type="submit" value="提交"> </form>
    </body>