JSP复选框全选

最新推荐文章于 2025-04-15 14:22:02 发布

SQUYB

最新推荐文章于 2025-04-15 14:22:02 发布

阅读量2.6k

点赞数

本文链接：https://blog.youkuaiyun.com/qq_35348457/article/details/79113959

版权

这篇博客介绍了如何在JSP中实现复选框的全选功能。通过一个ID为'checkall'的复选框，当点击时会触发checkAll函数，该函数会根据全选按钮的状态来设置所有info命名的复选框状态。同时，代码还包含了一个检查机制，确保用户至少选择了一项。如果未选择任何选项，将显示提示并弹出模态对话框。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<input type="checkbox" id="checkall" name="checkall" οnclick="checkAll(checkall)">

function checkAll(checkall) { 

    arr = document.getElementsByName('info' );   
    if (checkall.checked == true) {   
        for(i=0;i<arr.length;i++){   
              
            arr[i].checked = true;   
        }  

        }else{  
            for(i=0;i<arr.length;i++){   
                if((arr[i]).checked==false){  
                    arr[i].checked = true;  
                }else  
                {arr[i].checked = false; }  
            }  
        }  
}
//获取字符串ID
 var option = $("input[name='info']:checked").length;  
		    if(option==0){  
	            $("#div1").html("请至少选择一项");
	            $("#publicModel").modal('show');
	            return;  
	        }  
	            var checkList= new Array();  
	            $("input[name='info']:checked").each(function(){  
	                checkList.push($(this).val());
	            });
//如果ajax传值 需checkList.toString()