js如何判断复选框是否选中

最新推荐文章于 2024-04-24 09:22:16 发布

陌上桑花开花

最新推荐文章于 2024-04-24 09:22:16 发布

阅读量3.8w

点赞数 10

文章标签： javascript checkbox ajax

本文链接：https://blog.csdn.net/u014079773/article/details/51866027

版权

js判断复选框是否选中

<!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);"  οnclick="selectAll()">全选</a> 
        <a href="javascript:void(0);" οnclick="selectNone()">全不选</a> 
        <a href="javascript:void(0);" οnclick="selectInvert()">反选</a> 
        <a href="javascript:void(0);" οnclick="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();

}

陌上桑花开花

关注

10
点赞
踩
16

收藏

觉得还不错? 一键收藏
1
评论
js如何判断复选框是否选中

js判断复选框是否选中复选框全选、全不选、反选、必选一个 //全选 function selectAll() { var names = document.getElementsByName("bjjb"); for(var i=0;i<names.length;i++){
复制链接

扫一扫