js 判断复选框选中

关键字: js 表单验证 复选框 全选 / 选中
在提交表单时, 时常要验证复选框是否选中, 实现的关键是获取想要验证的复选框, 实现方法有多种:
1. 通过为多个复选框定义相同的 ID 或 name , 然后通过 getElementById('chk'); getElementsByName('chkName')来获取;
2. 通过方法 getElementsByTagName('input') 来获取表单中的所有元素, 再通过元素 name 定位;
3. 通过方法 document.formname.elements 来获取表单中的所有元素, 再通过类型和 name 来定位;
第三种方法简单,实用,举例如下:

<script type="text/javascript">
    
    //全选与取消


    function CheckAll(_form,gid)
    {
        var num=_form.elements.length;
        for (var i=0;i<num;i++){
            var e = _form.elements[i];
            if (e.name == 'purview[]' && e.type == 'checkbox'){
                if(document.getElementById(gid).checked==true){
                    e.checked=true;
                }else{
                    e.checked=false;
                }
            }
        }
    }

    //判断是否选择


    function checkform(){
     with(document.frm){
            var num = elements.length;
            var chk = 0;
            for (var i=0;i<num;i++){
                var e = elements[i];
                if (e.name == 'purview[]' && e.type == 'checkbox'){
                    if(e.checked == true) chk++;
                }
            }
            if(chk == 0){
                alert('请选择用户权限');
                return false;
            }
        }
        return true;
    }
</script>

 
 
 
 
 
 
 
 
 

用户权限设置

全选/取消

   添加
   修改
   删除