应用Javascript实现复选框的全选、反选和不选

最新推荐文章于 2023-08-18 18:19:47 发布

manbujingxin

最新推荐文章于 2023-08-18 18:19:47 发布

阅读量629

点赞数

CC 4.0 BY-SA版权

分类专栏： PHP编程宝典（十年典藏版）学习文章标签： javascript function input

本文链接：https://blog.youkuaiyun.com/manbujingxin/article/details/6727343

PHP编程宝典（十年典藏版）学习专栏收录该内容

13 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现批量选择、取消选择及切换复选框的方法。通过获取表单内的所有输入元素并检查其类型是否为复选框，可以统一进行状态更新。这些实用的函数适用于多种Web应用。

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

function checkAll(form1,status )
{
    var elements = form1.getElementsByTagName('input');
	for( i = 0; i < elements.length; i++ ){
	    if(elements[i].type='checkbox')
		{
		    if(elements[i].checked=false)
			{
		        elements[i].checked=true;
			}
		}
	}
}

function uncheckAll(form1, status)
{
    var elements = form1.getElementsByTagName('input');
	for( i=0; i < elements.length; i++ )
	{
	    if(elements[i].type='checkbox')
		{
		    if(elements[i].checked=true)
			{
			    elements[i].checked=false;
			}
		}
	}
}

function switchAll(form1, status)
{
    var elements = form1.getElementsByTagName('input');
	for( i=0; i<elements.length; i++ )
	{
	    if(elements[i].type='checkbox')
		{
		    if(elements[i].checked=false)
			{
			    elements[i].checked=true;
			} else
			{
			    elements[i].checked=false;
			}
		}
	}
}