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

最新推荐文章于 2024-05-30 15:40:53 发布

showpingguo

最新推荐文章于 2024-05-30 15:40:53 发布

阅读量173

点赞数

分类专栏： JavaScript 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/showpingguo/article/details/83527835

版权

JavaScript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<input type=checkbox name=mm value=a οnclick="checkItem(this, 'mmAll')"><br> <input type=checkbox name=mm value=b οnclick="checkItem(this, 'mmAll')"><br> <input type=checkbox name=mm value=c οnclick="checkItem(this, 'mmAll')"><br> <input type=checkbox name=mm value=d οnclick="checkItem(this, 'mmAll')"><br> <input type=checkbox name=mm value=e οnclick="checkItem(this, 'mmAll')"><br><br> <input type=checkbox name=mmAll οnclick="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; } }

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; } }

<script type="text/javascript">
function check_all(obj,cName)
{
var checkboxs = document.getElementsByName(cName);
for(var i=0;i<checkboxs.length;i++){checkboxs[i].checked = obj.checked;}
}
</script>
</head>

<body>
<p><input type="checkbox" name="all" οnclick="check_all(this,'c')" />全选/全不选</p>
<p><input type="checkbox" name="c" value="" /></p>
<p><input type="checkbox" name="c" value="" /></p>
<p><input type="checkbox" name="c" value="" /></p>
<p><input type="checkbox" name="c" value="" /></p>
</body>