<html>
<body>
<input type=checkbox name=chk>
<input type=checkbox name=chk>
<input type=checkbox name=chk>
<input type=checkbox name=chk>
<input type=checkbox name=chk>
<br>
全选：<input type=checkbox onclick=sel('chk')>
<script language="javascript">
function sel(a){
o=document.getElementsByName(a)
for(i=0;i<o.length;i++)
o[i].checked=event.srcElement.checked
}
</script>
--------------------------\
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="frm" method="post" action="">
选中所有显示记录
---------------------------------------------------------------<br>
<input type="checkbox" onclick="CCA(this.form,this)" name="list" value="3">
<input type="checkbox" onclick="CCA(this.form,this)" name="list" value="3">
<input type="checkbox" onclick="CCA(this.form,this)" name="list" value="3">
<input type="checkbox" onclick="CCA(this.form,this)" name="list" value="3">
<input type="checkbox" onclick="CCA(this.form,this)" name="list" value="3">
<input type="checkbox" onclick="CCA(this.form,this)" name="list" value="3">
<input type="checkbox" onclick="CCA(this.form,this)" name="list" value="3">
<input type="checkbox" onclick="CCA(this.form,this)" name="list" value="3">
<input type="checkbox" onclick="CCA(this.form,this)" name="list" value="3">
<input type="checkbox" onclick="CCA(this.form,this)" name="list" value="3">
<input type="checkbox" onclick="CCA(this.form,this)" name="list" value="3">
<input type="checkbox" onclick="CCA(this.form,this)" name="list" value="3">
<input type="checkbox" onclick="CCA(this.form,this)" name="list" value="3">
<input type="checkbox" onclick="CCA(this.form,this)" name="list" value="3">
<input type="checkbox" onclick="CCA(this.form,this)" name="list" value="3">
<input type="checkbox" onclick="CCA(this.form,this)" name="list" value="3">
<input type="checkbox" onclick="CCA(this.form,this)" name="list" value="3">
<input type="checkbox" onclick="CCA(this.form,this)" name="list" value="3">
<input type="checkbox" onclick="CCA(this.form,this)" name="list" value="3">
<input type="checkbox" onclick="CCA(this.form,this)" name="list" value="3">
<input type="checkbox" onclick="CCA(this.form,this)" name="list" value="3">
<input type="checkbox" onclick="CCA(this.form,this)" name="list" value="3">
----
<input type="checkbox" onclick="CA(this.form)" name="allbox" value="allbox">
+===
<input type="checkbox" name="list2" value="3">
</form>
<script language="javascript">
<!--
function CA(frm)
{
alert(frm.allbox.value);
var trk=0;
for (var i=0;i<frm.elements.length;i++)
{
var e=frm.elements[i];
if ((e.name != 'allbox') && (e.type=='checkbox') && (e.name != 'list2'))
{
trk++;
e.checked=frm.allbox.checked;
//frm.del.disabled = frm.allbox.checked?false:true;//全选对删除按钮的disabled属性的影响
}
}
}
function CCA(frm,CB)
{
alert(CB.checked);
var TB=TO=0;
for (var i=0;i<frm.elements.length;i++)
{
var e=frm.elements[i];
if ((e.name != 'allbox') && (e.type=='checkbox') && (e.name != 'list2'))
{
TB++;
if (e.checked)
TO++;
}
}
frm.allbox.checked=(TO==TB)?true:false;
if (0==TO)//全部未选中和选中一些时对删除按钮的disabled属性的影响
{
//frm.del.disabled = true;
}
else
{
//frm.del.disabled = false;
}
}
-->
</script>
</body>
</html>
分享到：
相关推荐
### Checkbox的几种全选方法 在网页开发过程中，Checkbox（复选框）是十分常见的一个元素，用于收集用户的多选信息。为了方便用户操作，往往需要实现“全选”功能，即通过一个控制按钮来控制一组Checkbox的选择状态...
### jQuery实现checkbox全选方法知识点 #### 1. jQuery实现全选的基本思路 在Web开发中，checkbox是一种常见的表单元素，用于提供一个可以被选中或取消选中的选项。在实际应用中，有时需要实现全选和全不选的功能...
在描述中提到的“C# grid checkbox 全选”是指在C#中使用数据网格（通常为DataGridView或DevExpress的GridView）控件时，实现表头复选框全选功能的技术。这个功能常见于数据管理界面，允许用户一键选择或取消选择...
在网页设计和开发中，`checkbox`是一种常用的交互元素，用于让用户进行多选操作，例如在表单中选择多个选项。本示例“实现checkbox全选”关注的是如何为一组`checkbox`添加全选（check all）的功能。这种功能允许...
本文将详细介绍在*** GridView中使用CheckBox实现全选功能的几种不同方法，并分析它们之间的区别及效率问题。 首先，我们来了解几种常见的实现方式： 1. 自动列生成器方法： 这是最简单的实现方式。在GridView的...
在ASP.NET中实现CheckBox全选功能可以通过以下几种方式进行： #### 2.1 ASP.NET Repeater控件中的CheckBox全选 在实际应用中，我们通常会在Repeater控件中放置CheckBox，如下所示： ```html ...
在Android开发中，CheckBox是一种常用的UI元素，用于提供用户选择多个选项的功能。本文将深入探讨如何使用CheckBox来创建一个多选列表，并实现全选和反选的功能。这些功能常见于各种应用，如设置菜单、购物车等，...
3. **全选/全不选功能**：实现全选和全不选功能，我们需要一个方法来切换所有`CheckBox`的状态。这可以通过遍历数据列表并相应地改变每个子项的选中状态来完成。同时，我们需要更新全选按钮的状态，当所有子项都被...
"json获取datatable后生成table分页显示checkbox全选"这个主题涵盖了几个重要的JavaScript和前端开发技术，这些技术有助于提升用户体验并优化服务器资源。以下是这些知识点的详细说明： 1. **JSON (JavaScript ...
- HTML中的checkbox元素，它是一种表单元素，用户可以勾选它来选择某个选项。在本文中，checkbox用于构建全选功能。 - JavaScript基础语法，包括变量声明（var或let/const）、函数定义、条件判断（if语句）、循环...
在这个场景中，"checkbox全选"的知识点可能包括以下几个方面： 1. **HTML复选框**：在HTML中，复选框由`<input>`标签创建，类型设置为`checkbox`。例如： ```html <input type="checkbox" id="selectAll" /> ```...
在数据 grid 控件中添加 checkbox 是一种非常常见的需求，特别是在需要批量操作数据时。今天，我们将学习如何在 dbgrideh 中添加 checkbox 源码，以实现全选或反选的功能。 首先，让我们了解一下 dbgrideh 是什么？...
一种方法是通过自定义表头视图来达到目的。首先，我们需要创建一个继承自`QHeaderView`的类，例如`CustomHeaderView`，并在其中重写`paintEvent()`方法以绘制复选框。在`paintEvent()`中，我们可以使用`QPainter`来...
2. 全选按钮（Checkbox或ToggleButton）：用于控制所有子项的选中状态。 3. 可能还有其他UI元素，如指示当前选中状态的文字提示。 全选功能的实现通常涉及以下几个步骤： 1. 在适配器中添加一个全局变量，用于存储...
在这个主题下，我们将深入探讨`dtree`的几个核心特性，包括无复选框、有复选框的示例以及全选、展开、关闭的全部功能。 ### 一、无复选框的dtree 在无复选框的`dtree`中，用户只能通过点击节点来展开或折叠子节点...
本例中，通过几个简单的步骤，就实现了复杂的全选和删除操作，这体现了Vue.js在前端开发中的巨大优势和灵活性。 对于遇到的相关疑问或者问题，开发者可以通过留言的方式，获取帮助和解决方案。同时，为了维护一个...
在实现checkbox全选、不选与反选功能之前，我们需要明确几个关键点： 1. 获取元素：在JavaScript中，我们需要先通过各种方法获取到要操作的checkbox元素以及相关的操作按钮。通常使用document.getElementById()或者...
3. 自定义Adapter：创建一个继承自BaseAdapter的类，重写其中的几个关键方法：`getCount()`（返回数据源的大小）、`getItem()`（获取指定位置的数据）、`getItemId()`（返回数据项的唯一ID）和`getView()`（为每个...
标题“ListView嵌套ListView全选，多选”涉及到的关键知识点主要包括以下几个方面： 1. **嵌套ListView**：在一个ListView的每个Item内部再放置一个ListView，这样可以形成树状结构，便于展示层次化的数据。这种...
在Android开发中，ListView是一种常用的组件，用于展示大量可滚动的数据。实现ListView的单选、多选、反选以及全选功能是常见的需求，尤其是在需要用户进行多项选择的场景下。下面将详细介绍如何实现这些功能。 ...