checkbox 全选问题

最新推荐文章于 2022-01-21 11:20:47 发布

原创最新推荐文章于 2022-01-21 11:20:47 发布 · 129 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #ViewUI

javascript 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了一种通过JavaScript实现网页表格中表头Checkbox控制全选与取消全选的功能。利用JavaScript函数checkAll()来同步表头与表格内各行的Checkbox状态，便于批量操作。

script type="text/javascript">

function checkAll(field){
var selectFlags = document.getElementsByName("selectFlag");
for(var i=0; i<selectFlags.length; i++){
selectFlags[i].checked = field.checked;
}
}
</script>

点击表头中的checkbox，下面的checkbox去不选定

表头:

<td>
<input type="text" name="beginDate" size="10" maxlength="10"
value="2001-01-01" readonly="true" onClick=JSCalendar(this)>
</td>

下面的列表：

<td width="37" class="rd8">
<input name="selectFlag" type="checkbox" class="checkbox1"
id="selectFlag" value=" 为某一个标示值">


</td>