复选框的全选、全不选、反选

最新推荐文章于 2022-04-19 10:55:12 发布

码出钞能力

最新推荐文章于 2022-04-19 10:55:12 发布

阅读量1.3k

点赞数

分类专栏：前端技术文章标签： input function javascript

本文链接：https://blog.csdn.net/flynetcn/article/details/1485721

版权

前端技术专栏收录该内容

56 篇文章 0 订阅

订阅专栏

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

<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 selectOther(obj)
{
    var aa = document.getElementsByName(obj);
    for(var i=0;i<aa.length;i++)
    if(aa[i].type=="checkbox")
    {
    if(!aa[i].checked)
    aa[i].checked=true;
    else
    aa[i].checked=false;
    }
}
</script>