CheckBox （全选切换，判断全选）

最新推荐文章于 2025-09-26 15:09:25 发布

原创最新推荐文章于 2025-09-26 15:09:25 发布 · 776 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#iterator #function #javascript #input #ie #c

JS 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现网页上复选框全选与反选功能的方法。通过两个函数checkAll与checkItem实现了动态更新全选状态及单个选择项的状态同步。此外还提供了一个检查并删除选定项目的示例。

<input type=checkbox name=mm value=a onclick="checkItem(this, 'mmAll')"><br>
<input type=checkbox name=mm value=b onclick="checkItem(this, 'mmAll')"><br>
<input type=checkbox name=mm value=c onclick="checkItem(this, 'mmAll')"><br>
<input type=checkbox name=mm value=d onclick="checkItem(this, 'mmAll')"><br>
<input type=checkbox name=mm value=e onclick="checkItem(this, 'mmAll')"><br><br>
<input type=checkbox name=mmAll onclick="checkAll(this, 'mm')">全选与不全选的切换

 
<mce:script language=Javascript><!--
function checkAll(e, itemName)
{
  var aa = document.getElementsByName(itemName);
  for (var i=0; i<aa.length; i++)
   aa[i].checked = e.checked;
}
function checkItem(e, allName)
{
  var all = document.getElementsByName(allName)[0];
  if(!e.checked) all.checked = false;
  else
  {
    var aa = document.getElementsByName(e.name);
    for (var i=0; i<aa.length; i++)
     if(!aa[i].checked) return;
    all.checked = true;
  }
}
// --></mce:script>

var checkDelAll = function()
			{
				var count=0;
				for(var i=0;i<chooseForm.elements.length;i++)
				{
					var e = chooseForm.elements[i];
					if (e.type == 'checkbox' && e.checked==true && e.name!='chooseAll') {
						count++;
					}
				}
				if(count==0){
					alert("请选中需要删除的数据");
					return false;
				}
				if(confirm("确认要删除吗？")){
					chooseForm.action = 'deleteUserPhoto.action';
								chooseForm.submit();
				}else{
					return false;
				}
			}

如果页面使用 <s:iterator value=""> 同样可以 IE FF 通用