在此基础上加个提示，至少选一个。复选框


<html>   
       
    <head>   
        <script type="text/javascript">   
            function checkEvent(name, allCheckId) {   
                var allCk = document.getElementById(allCheckId);   
                if (allCk.checked == true) checkAll(name);   
                else checkAllNo(name);   
  
            }   
  
            //全选   
            function checkAll(name) {   
                var names = document.getElementsByName(name);   
                var len = names.length;   
                if (len > 0) {   
                    var i = 0;   
                    for (i = 0; i < len; i++)   
                    names[i].checked = true;   
  
                }   
            }   
  
            //全不选   
            function checkAllNo(name) {   
                var names = document.getElementsByName(name);   
                var len = names.length;   
                if (len > 0) {   
                    var i = 0;   
                    for (i = 0; i < len; i++)   
                    names[i].checked = false;   
                }   
            }   
  
            
        </script>   
    </head>   
       
    <body>   
<form action="#">
        <input type="checkbox" id="ckall" onclick="checkEvent('ck','ckall')" />   
        全选   
        <br />        <br />   
        <input type="checkbox" name="ck" value="2" />   
        旅游   
        <br />   
        <input type="checkbox" name="ck" value="3" />   
        读书   
        <br />   
        <input type="checkbox" name="ck" value="4" />   
        美食   
        <br />   
        <input type="checkbox" name="ck" value="5" />   
        睡觉   
    </body>
<br/>
<input type="submit" value="提交" >
  </form>
</html>  不选的时候提交，提示至少选一个。
谢谢

解决方案 »

  1.   

     <input type="submit" value="提交"  onsubmit="return check();" />
    function check(){
          var names = document.getElementsByName(name);   
                    var len = names.length;   
                    if (len > 0) {   
                        var i = 0;   
                        for (i = 0; i < len; i++)  {
                           if(!names[i].checked) {alert("至少选一个"); return false;} 
                        } 
                    }   
                   return true;
    }
      

  2.   

    不好意思，刚才整错拉！
    <input type="submit" value="提交" onclick="return check();" />
    function check(){
      var names = document.getElementsByName(name);  
      var len = names.length;  
      if (len > 0) {  
      var i = 0;
    var flg = false; 
      for (i = 0; i < len; i++) {
      if(names[i].checked) {return true;} 
      } 
      }  
      alert("至少选一个")
      return false;
    }
      

  3.   


    function delcfm() {
    if (!confirm("确认要删除吗？")) {
    window.event.returnValue = false;
    }
    }<input type="submit" value="删除" onclick="delcfm()"  >我这里已经这么写了
    怎么加啊？
      

  4.   

    <html>   
           
        <head>   
            <script type="text/javascript">    function delcfm() {
    if (!confirm("确认要删除吗？")) {
    window.event.returnValue = false;
    }
    }
                function checkEvent(name, allCheckId) {   
                    var allCk = document.getElementById(allCheckId);   
                    if (allCk.checked == true) checkAll(name);   
                    else checkAllNo(name);   
      
                }   
      
                //全选   
                function checkAll(name) {   
                    var names = document.getElementsByName(name);   
                    var len = names.length;   
                    if (len > 0) {   
                        var i = 0;   
                        for (i = 0; i < len; i++)   
                        names[i].checked = true;   
      
                    }   
                }   
      
                //全不选   
                function checkAllNo(name) {   
                    var names = document.getElementsByName(name);   
                    var len = names.length;   
                    if (len > 0) {   
                        var i = 0;   
                        for (i = 0; i < len; i++)   
                        names[i].checked = false;   
                    }   
                }   
      
                
            </script>   
        </head>   
           
        <body>   
    <form action="#">
            <input type="checkbox" id="ckall" onclick="checkEvent('ck','ckall')" />   
            全选   
            <br />        <br />   
            <input type="checkbox" name="ck" value="2" />   
            旅游   
            <br />   
            <input type="checkbox" name="ck" value="3" />   
            读书   
            <br />   
            <input type="checkbox" name="ck" value="4" />   
            美食   
            <br />   
            <input type="checkbox" name="ck" value="5" />   
            睡觉   
        </body>
    <br/>
    <input type="submit" value="删除" onclick="delcfm()"  >
      </form>
    </html>  是这样的
      

  5.   

    function delcfm() {
    if (!confirm("确认要删除吗？")) {
    window.event.returnValue = false;
    }
    var names = document.getElementsByName(name);  
      var len = names.length;  
      if (len > 0) {  
      var i = 0;
    var flg = false; 
      for (i = 0; i < len; i++) {
      if(names[i].checked) {return true;} 
      } 
      }  
      alert("至少选一个")
      return false;
    }
      

  6.   

    <html>   
           
        <head>   
            <script type="text/javascript">           function delcfm() {
                if (!confirm("确认要删除吗？")) {
                window.event.returnValue = false;
                }
                 var names = document.getElementsByName(name);  
                 var len = names.length;  
                 if (len > 0) {  
                    var i = 0;
                    for (i = 0; i < len; i++) {
                      if(names[i].checked) {return true;} 
                    } 
                 }  
                 alert("至少选一个")
                  return false;
            }
                function checkEvent(name, allCheckId) {   
                    var allCk = document.getElementById(allCheckId);   
                    if (allCk.checked == true) checkAll(name);   
                    else checkAllNo(name);   
      
                }   
      
                //全选   
                function checkAll(name) {   
                    var names = document.getElementsByName(name);   
                    var len = names.length;   
                    if (len > 0) {   
                        var i = 0;   
                        for (i = 0; i < len; i++)   
                        names[i].checked = true;   
      
                    }   
                }   
      
                //全不选   
                function checkAllNo(name) {   
                    var names = document.getElementsByName(name);   
                    var len = names.length;   
                    if (len > 0) {   
                        var i = 0;   
                        for (i = 0; i < len; i++)   
                        names[i].checked = false;   
                    }   
                }   
      
                
            </script>   
        </head>   
           
        <body>   
        <form action="#">
            <input type="checkbox" id="ckall" onclick="checkEvent('ck','ckall')" />   
            全选   
            <br />        <br />   
            <input type="checkbox" name="ck" value="2" />   
            旅游   
            <br />   
            <input type="checkbox" name="ck" value="3" />   
            读书   
            <br />   
            <input type="checkbox" name="ck" value="4" />   
            美食   
            <br />   
            <input type="checkbox" name="ck" value="5" />   
            睡觉   
        </body>
        <br/>
        <input type="submit" value="删除" onclick="delcfm()"  >
      </form>
    </html>  
      

  7.   


    <html>   
           
        <head>   
            <script type="text/javascript">           function delcfm() {
                if (!confirm("确认要删除吗？")) {
                window.event.returnValue = false;
                }
            }
                function checkEvent(name, allCheckId) {   
                    var allCk = document.getElementById(allCheckId);   
                    if (allCk.checked == true) checkAll(name);   
                    else checkAllNo(name);   
      
                }   
      
                //全选   
                function checkAll(name) {   
                    var names = document.getElementsByName(name);   
                    var len = names.length;   
                    if (len > 0) {   
                        var i = 0;   
                        for (i = 0; i < len; i++)   
                        names[i].checked = true;   
      
                    }   
                }   
      
                //全不选   
                function checkAllNo(name) {   
                    var names = document.getElementsByName(name);   
                    var len = names.length;   
                    if (len > 0) {   
                        var i = 0;   
                        for (i = 0; i < len; i++)   
                        names[i].checked = false;   
                    }   
                }   
      
                function check(name) {   
                    var names = document.getElementsByName(name);   
                    var len = names.length;  
    var count = 0; 
                    if (len > 0) {   
                        var i = 0;   
                        for (i = 0; i < len; i++) {   
                         if (names[i].checked) {
    count ++;
    }
        }
      
                    } else {
    alert("没有数据可以选择");
    } 
    if (count < 1) {
    alert("至少选择一条数据");
    }
                }  
            </script>   
        </head>   
           
        <body>   
        <form action="#">
            <input type="checkbox" id="ckall" onclick="checkEvent('ck','ckall')" />   
            全选   
            <br />        <br />   
            <input type="checkbox" name="ck" value="2" />   
            旅游   
            <br />   
            <input type="checkbox" name="ck" value="3" />   
            读书   
            <br />   
            <input type="checkbox" name="ck" value="4" />   
            美食   
            <br />   
            <input type="checkbox" name="ck" value="5" />   
            睡觉   
        </body>
        <br/>
        <input type="submit" value="删除" onclick="check('ck')"  >
      </form>
    </html> 
      

  8.   


    <html>          
        <head>   
            <script type="text/javascript">               function checkEvent(name, allCheckId) {   
                    var allCk = document.getElementById(allCheckId);   
                    if (allCk.checked == true) checkAll(name);   
                    else checkAllNo(name);   
      
                }   
      
                //全选   
                function checkAll(name) {   
                    var names = document.getElementsByName(name);   
                    var len = names.length;   
                    if (len > 0) {   
                        var i = 0;   
                        for (i = 0; i < len; i++)   
                        names[i].checked = true;   
      
                    }   
                }   
      
                //全不选   
                function checkAllNo(name) {   
                    var names = document.getElementsByName(name);   
                    var len = names.length;   
                    if (len > 0) {   
                        var i = 0;   
                        for (i = 0; i < len; i++)   
                        names[i].checked = false;   
                    }   
                }   
      
                function check(name) {
    var temp = "";   
                    var names = document.getElementsByName(name);   
                    var len = names.length;  
    var count = 0; 
                    if (len > 0) {   
                        var i = 0;   
                        for (i = 0; i < len; i++) {   
                         if (names[i].checked) {
    count ++;
    temp = names[i].value;
    }
        }
      
                    } else {
    alert("没有数据可以选择");
    } 
    if (count < 1) {
    alert("至少选择一条数据");
    }
    alert(temp);
    return temp;
                }  
            </script>   
        </head>   
           
        <body>   
        <form action="#">
            <input type="checkbox" id="ckall" onclick="checkEvent('ck','ckall')" />   
            全选   
            <br />        <br />   
            <input type="checkbox" name="ck" value="2" />   
            旅游   
            <br />   
            <input type="checkbox" name="ck" value="3" />   
            读书   
            <br />   
            <input type="checkbox" name="ck" value="4" />   
            美食   
            <br />   
            <input type="checkbox" name="ck" value="5" />   
            睡觉   
        </body>
        <br/>
        <input type="submit" value="删除" onclick="check('ck')"  >
      </form>
    </html> 
    带选中返回值的
      

  9.   

    楼上的两位大哥都不好使啊 
    IBM_hoojo
    不选是提示了，但是提示之后表单提交了
    郁闷那
    zhangshaolongjj写的没法用啊，太多毛病了
      

  10.   

    <input type="submit" value="删除" onclick="delcfm()" >
    改为
    <input type="submit" value="删除" onclick="delcfm('ck')" >
    ，自己查查就能找到
      

  11.   

    <input type="submit" value="删除" onclick="check('ck')"  >要改为button，然后在js里提交，并且check('ck')里return true or false