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

if(document.getElementById("customer").ckecked==true){b=1;}else{b=0;}customer是我一个chec... if(document.getElementById("customer").ckecked==true){
b=1;
}else{
b=0;
}customer是我一个checkbox的id属性值但是我选中状态和未选中状态一直返回false
展开
 我来答
五个爪子抓妈拐
推荐于2019-09-25 · TA获得超过2.3万个赞
知道大有可为答主
回答量:162
采纳率:100%
帮助的人:4.6万
展开全部
js判断复选框是否选中

[html] view plain copy
<!doctype html>  
<html lang="cn">  
 <head>  
 <meta http-equiv="content-type" content="text/html;charset=UTF-8"/>  
  <title>复选框全选、全不选、反选、必选一个</title>  
   <script type="text/javascript">  
        //全选  
        function selectAll() {  
            var names = document.getElementsByName("bjjb");                             
            for(var i=0;i<names.length;i++){  
                    names[i].checked=true;  
             }        
        }  
  
        //全不选  
        function selectNone() {  
            var names = document.getElementsByName("bjjb");                             
            for(var i=0;i<names.length;i++){  
                    names[i].checked=false;  
             }        
        }  
          
         //反选  
        function selectInvert() {  
            var names = document.getElementsByName("bjjb");                                 
            for(var i=0;i<names.length;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<names.length;i++){  
                if(names[i].checked){  
                        flag = true ;  
                        break ;  
                 }  
             }  
             if(!flag){  
                alert("请最少选择一项!");  
                return false ;  
             }  
        }  
  
   </script>  
 </head>  
 <body>  
    <form id="checkboxform" method="post" action="">  
        <input type="checkbox" name="bjjb" value="1">交通事故<br>  
        <input type="checkbox" name="bjjb" value="2">自然灾害<br>  
        <input type="checkbox" name="bjjb" value="3">恶劣天气<br>  
        <input type="checkbox" name="bjjb" value="4">严重违法行为<br>  
        <input type="checkbox" name="bjjb" value="5">路面损毁<br>  
        <a href="javascript:void(0);"  onclick="selectAll()">全选</a>   
        <a href="javascript:void(0);" onclick="selectNone()">全不选</a>   
        <a href="javascript:void(0);" onclick="selectInvert()">反选</a>   
        <a href="javascript:void(0);" onclick="selectOne()">必须选择一个</a>   
     </form>  
 </body>  
</html>  

备注:
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]

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式