只做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="测 试" onclick="checkAll(this，chekBox)">
其中e为checkbox所在的form，可以this.form。itemName便是checkbox的name。
下面是另外一个例子（好像这个更容易理解些）：
checkbox全选<head></head>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var checkflag = "false";
function check(field) {
if (checkflag == "false") {
for (i = 0; i < field.length; i++) {
field[i].checked = true;}
checkflag = "true";
return "false"; }
else {
for (i = 0; i < field.length; i++) {
field[i].checked = false; }
checkflag = "false";
return "true"; }
}
// End -->
</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名字
选中所有显示记录
分享到：
相关推荐
"JQ checkbox 全选和全不选"这个主题聚焦于jQuery如何实现复选框的选择功能，特别是全选和全不选的交互效果。这种功能常见于数据表格或列表的筛选中，允许用户一次性选择或取消选择所有项目。 首先，我们需要了解...
这可以通过监听全选Checkbox的`CheckedChanged`事件来实现，然后遍历DataGridView的所有行，设置每一行的Checkbox为与全选Checkbox状态一致。 - **反选功能**：反选意味着取消所有已选中的项。这可以通过再次触发...
这个"JavaScript案例-js全选和全不选.zip"压缩包文件聚焦于一个常见的交互功能：全选和全不选。在网页表单或数据列表中，用户经常需要一次性选择所有项或取消所有项的选择，这一功能就通过JavaScript来实现。 全选...
本教程将深入讲解如何使用JavaScript实现复选框的全选和全不选功能，让您的网页交互体验更加友好。我们将探讨以下几个核心知识点： 1. **DOM操作**：JavaScript通过Document Object Model (DOM)来操作HTML元素。...
在JavaScript中，实现全选和全不选的功能是常见的需求，尤其在处理表格或列表时。这个功能允许用户一键选择所有选项或者一键清除所有选择。本篇将详细讲解如何使用JavaScript来实现这一功能。 首先，我们需要一个...
而在这个特定的场景中，我们关注的是如何利用JQuery来实现TreeView控件中CheckBox的全选和全不选功能。JQuery是一个强大的JavaScript库，它简化了DOM操作、事件处理和动画效果，使得在网页上实现这些功能变得非常...
为了实现全选和全不选的功能，我们需要一个主复选框（通常标记为“全选”），以及一组相关的子复选框。例如： ```html <input type="checkbox" id="selectAll"> 全选 <input type="checkbox" class=...
首先，文章标题中提到的“jquery实现全选和全不选功能效果的实现代码”暗示我们将要探讨的是如何通过jQuery这个流行的JavaScript库来控制复选框（checkbox）的选中状态。jQuery是一个快速、小巧且功能丰富的...
本文实例为大家分享了js实现全选和全不选的具体代码，供大家参考，具体内容如下 非常简洁的几行原生js实现全选和全不选，大神们可以在此基础上加上反选功能。 <!DOCTYPE html> <html> <head> <...
在提供的文件“js实现checkbox全选，反选，全不选.htm”中，应当包含了上述功能的具体实现。通过查看源码，我们可以了解到实际的HTML结构以及jQuery脚本是如何与之配合的。这个文件可以作为一个示例，帮助我们更好地...
当页面中有多个复选框时，全选（Select All）和全不选（Deselect All）功能可以极大地提高用户体验，让用户能够快速选择或取消所有选项。 ### JS代码分析 #### 函数getAllCheckBox()详解 给定的代码片段是一个名...
4. **事件处理**：实现全选和全不选功能的关键在于复选框状态改变时的事件处理。我们可以通过绑定`change`事件，当复选框状态改变时，执行一个函数来更新其他复选框的状态。 5. **全选和全不选的实现逻辑**： - **...
在本教程中，我们将探讨如何使用 jQuery 来实现复选框（checkbox）的全选和全不选功能。这在处理多选列表时非常实用，例如在用户界面中允许用户一次性选择或取消选择所有项目。 首先，我们需要理解 HTML 中的复选框...
在涉及到表单元素如复选框（Checkbox）时，经常需要实现全选、反选和全不选的功能。下面将详细探讨 jQuery 如何实现这些功能，以及如何进行表单验证。 1. **全选功能** 要实现全选功能，首先我们需要一个主复选框...
页面中，通过引入jQuery库和自定义的`xs_checkbox_all.js`脚本文件，可以实现全选和全不选的功能。 在HTML中，为了能够应用上述JavaScript功能，需要定义有相同class属性值的checkbox，并且具有相同的name属性值，...
在一些场景中，如数据管理、表单填写等，全选和全不选功能是非常实用的，它能方便用户快速选择或取消所有选项。本文将详细解析如何使用JavaScript实现复选框的全选与全不选操作。 首先，我们需要创建HTML结构，包含...
下面我们将详细讨论如何使用jQuery实现CheckBox全选和全不选的功能。 首先，我们需要在HTML页面中设置一个主Checkbox，通常标记为全选（CheckAll），以及一组子Checkbox，代表具体的选项。这些子Checkbox通常会有一...
CheckBox控件就是我们一般所说的复选框，通常用于某选项的打开或关闭。大多数应用程序的“设置”... CheckBox复选框JS实现全选全不选功能,很简单，就只需插入一小段js函数就行了。。。 <script language=javascri