JS-全选框的逻辑

最新推荐文章于 2024-04-02 19:39:43 发布

原创最新推荐文章于 2024-04-02 19:39:43 发布 · 517 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一段JavaScript代码，用于实现页面上多个复选框与全选框的联动效果。当用户勾选或取消勾选任何一个复选框时，全选框的状态会实时更新。反之亦然。

js代码

				for(var k=1;k<inputs.length;k++){
					inputs[k].onclick=function(){//为每个复选框添加点击测验，从而能使全选框实时同步
						for(var j=1;j<inputs.length;j++){
							if(inputs[j].checked==false){//循环所有复选框，判断是否有未选中的
								inputs[0].checked=false;//如果有，全选框设为未选中
								break;
							}else{
								inputs[0].checked=true;//如果都选中，则全选框未选中
							}
						}
					}
				}