Js实现checkbox全选和全不选

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

zap19867

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

阅读量108

点赞数

分类专栏： JS相关文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/zap19867/article/details/83844214

版权

JS相关专栏收录该内容

12 篇文章 0 订阅

订阅专栏

只做checkbox的全选的话，下面的这个例子是个很好的选择：
function checkAll(e, itemName)
{
var aa = document.getElementsByName(itemName);
for (var i=0; i<aa.length; i++)
aa[i].checked = e.checked;
}

<input type=checkbox name=chkBox value=1 disabled>
<input type=checkbox name=chkBox value=1>
<input type=checkbox name=chkBox value=1>
<input type=checkbox name=chkBox value=1>
<input type=button value="测试" οnclick="checkAll(this，chekBox)">

其中e为checkbox所在的form，可以this.form。itemName便是checkbox的name。

下面是另外一个例子（好像这个更容易理解些）：
checkbox全选<head></head>

<SCRIPT LANGUAGE="JavaScript">


</script>

<body></body>
<form name="form" method="post" action="">

<input type="checkbox" name="list" value="1">

<input type="checkbox" name="list" value="2">

<input type="checkbox" name="list" value="3">

<input type=checkbox value="全选" onClick="this.value=check(this.form.list)">//这个FORM不是FORM名字
选中所有显示记录