在HTML中如何用JavaScript判断复选框checkbox是否被选中?

2024-11-17 19:49:35
推荐回答(1个)
回答1:

js判断复选框是否选中

[html] view plain copy
  
  
   
   
  复选框全选、全不选、反选、必选一个  
     
        //全选  
        function selectAll() {  
            var names = document.getElementsByName("bjjb");                             
            for(var i=0;i                    names[i].checked=true;  
             }        
        }  
  
        //全不选  
        function selectNone() {  
            var names = document.getElementsByName("bjjb");                             
            for(var i=0;i                    names[i].checked=false;  
             }        
        }  
          
         //反选  
        function selectInvert() {  
            var names = document.getElementsByName("bjjb");                                 
            for(var i=0;i                    if(names[i].checked){  
                        names[i].checked=false ;  
                    }else{  
                        names[i].checked=true ;  
                    }  
                }  
        }  
         
         //必须选择一个  
        function selectOne() {  
            var names = document.getElementsByName("bjjb");            
            var flag = false ;//标记判断是否选中一个                 
            for(var i=0;i                if(names[i].checked){  
                        flag = true ;  
                        break ;  
                 }  
             }  
             if(!flag){  
                alert("请最少选择一项!");  
                return false ;  
             }  
        }  
  
     
   
   
      
        交通事故
  
        自然灾害
  
        恶劣天气
  
        严重违法行为
  
        路面损毁
  
        全选   
        全不选   
        反选   
        必须选择一个   
       
   
  

备注:
1:以上常见判断在实际开发中经常运用。温故而知新是一件非常好的事情。
2:在function方法中执行判断加return 表示满足条件,return后的内容将不再进行执行,如何没有加return 那么createWindow()会继续执行。如:
function clickSupervise() {
    //判断是否选择了警情
    var jqid = $("#jqid1").val();
    if("" == jqid || jqid==null || jqid==undefined){
        alert("请先选择警情信息!");
        return;
    }
   //创建窗口
   createWindow();
}

参考资料

CSDN.CSDN[引用时间2018-1-20]