Prototye控制复选框的全选，和判断是否有复选框被选中

最新推荐文章于 2022-02-14 14:55:20 发布

最新推荐文章于 2022-02-14 14:55:20 发布 · 122 阅读

文章标签：

#prototype

js 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了两个实用的JavaScript函数，用于实现复选框的选择验证和全选/全不选功能。通过简单的代码示例展示了如何确保至少有一个复选框被选中才能进行下一步操作，以及如何根据某个主复选框的状态来控制一组复选框的选中状态。

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

1.第一个函数使用来判断复选框是否选中，如果没有选中则return,提示一下。。。


function del(){
	//获得表格中的所有复选框
	var cbs=document.getElementsByName("cb");
	//标志位
	var state=1;
	var nodes=$A(cbs);
	nodes.forEach(function(node){	
		if(node.checked){
			state=0;
		}	
	}
	);
	if(state==1){
		$(delInfo).innerHTML="<font color=red>请选择要删除的记录</font>";
		return;
	}else{
		$(delInfo).innerHTML="";
	}
	$(flag).value="del";
	$(main_form).submit();
}

2.权限所有的复选框，或者全不选


//全选。。。
function selectAll(){
	//全选复选框
	var all=$("all");
	//表格里的复选框
	var cbs=document.getElementsByName("cb");
	var nodes=$A(cbs);
	//根据全选复选框的状态,来执行全选或全不选操作。。。
	if(all.checked==true){
		//设置为全选
		nodes.forEach(function(node){
		node.checked=true;
	});
	}else{
		//设置为全不选
		nodes.forEach(function(node){
			node.checked=false;
		});
	}
}