<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
function checkAll(e,itemName){ //全选函数 e为全选对象,itemName 为子name
var aa=document.getElementsByName(itemName);
for(var i=0;i<aa.length;i++){
aa[i].checked=e.checked;
}
}
function checkItem(e,allName){ //当选取或取消选取没一个复选框时调用的函数
var all=document.getElementById(allName); //全选框对象
if(!e.checked){ //如果是取消选取那么全选框就取消选取
all.checked=false;
}
else{ //如果是选取，就要判断其他是否都已经全部选取了
var aa=document.getElementsByName(e.name);
for(var i=0;i<aa.length;i++){
if(!aa[i].checked){//如果有一个没有选上，那么就返回
return;
}
}
all.checked=true;//如果其他都选上了，全选框就要选上
}
}
</script>
<head>
<body>
<div id='container'>
<table border=1 id='table1'>
<tr>
<th class='td1'><input type=checkbox id='selectAll' onclick='checkAll(this,"cb");'><label for='selectAll'>全选</label></th>
<th>text</th>
</tr>
<tr>
<td class='td1'><input type=checkbox name='cb' onclick='checkItem(this,"selectAll");'></td>
<td class='center'>11111</td>
</tr>
<tr>
<td class='td1'><input type=checkbox name='cb'
onclick='checkItem(this,"selectAll");'></td>
<td class='center'>22222</td>
</tr>
<tr>
<td class='td1'><input type=checkbox name='cb'
onclick='checkItem(this,"selectAll");'></td>
<td class='center'>33333</td>
</tr>
<tr>
<td class='td1'><input type=checkbox name='cb'
onclick='checkItem(this,"selectAll");'></td>
<td class='center'>44444</td>
</tr>
</table>
</div>
</body>
</html>
分享到：
相关推荐
HtML javascritp checkbox 全选HtML javascritp checkbox 全选
js实现checkbox 全选和取消 自己亲测可以使用
全选和取消功能通常用于表格或者列表中，让用户能够便捷地操作大量选项。 首先，我们来看看复选框的基本结构。在HTML中，复选框通过`<input>`标签来创建，类型设置为"checkbox"： ```html <input type="checkbox" ...
在博文《flex在DataGrid中实现checkbox全选或取消》中，作者可能详细讲解了以下步骤： 1. 创建DataGrid，并绑定数据源。 2. 添加一个CheckBox组件，作为全选/取消全选的控制。 3. 实现CheckBox的change事件监听，...
"Table简约时尚CSS样式，checkbox全选或取消全选、或得到选中个数全案例使用详解(百度、CSDN、ITEye).html"是一个实际的示例文件，它包含完整的HTML和CSS代码，可能还包含了JavaScript实现。这个案例演示了如何将...
至此，我们就完成了在RecyclerView item上添加CheckBox，包括全选、取消全选和单选功能的实现。通过自定义Adapter，我们可以灵活地控制CheckBox的行为，满足各种复杂的交互需求。在实际项目中，可能还需要根据具体...
"js checkbox全选 反选 取消全部设置表单html复选框"这个标题描述了一个常见的功能需求，即通过JavaScript控制HTML中的复选框（checkboxes），实现全选、反选和取消全部选中的功能。在本文中，我们将深入探讨如何...
在这个特定的场景中，我们关注的是如何在`DataGridView`的表头添加一个`CheckBox`，以便实现全选和全不选的功能。这将大大提升用户体验，使得用户可以快速地对所有行进行操作，如批量删除、更新等。 首先，我们需要...
在提供的RAR文件"DevExpress 实现checkbox全选效果"中，可能包含了实现这个功能的代码示例。这些示例代码可能包含了窗体设计、控件初始化、事件处理函数等内容，通过阅读和理解这些代码，你可以学习到如何在...
这个“listview带checkbox全选、取消功能精简版”应该是一个示例项目，用于演示如何在ListView中集成这种功能。 首先，我们需要理解ListView的基本结构。ListView通过Adapter来填充数据，Adapter可以是ArrayAdapter...
在高级控件如DataGridView中，通过结合Checkbox可以实现全选和反选功能，为用户提供便捷的操作方式。这个经典例子将深入探讨如何在Web应用中实现这一功能。 1. **Checkbox基本概念** Checkbox是HTML中的一个表单...
在ASP.NET开发中，CheckBox控件常常用于实现用户界面中的多选功能，而"CheckBox全选并删除"这个主题涉及到两个关键操作：全选和删除。全选功能允许用户一次性选择多个选项，删除则通常指的是从数据库或其他数据存储...
Checkbox全选反选.html
在WPF中，CheckBox全选设计通常涉及以下步骤： 1. **定义枚举**：创建一个枚举类型，表示CheckBox组中的各个选项，并使用Flags特性标记。例如： ```csharp [Flags] public enum CheckBoxOptions { None = 0, ...
总结起来，实现Flex Datagrid checkbox全选功能主要涉及自定义数据列、表头渲染器和行渲染器，通过事件监听和状态同步来达到全选的效果。在实际应用中，可能还需要处理部分选中、反选等复杂逻辑，但上述步骤提供了一...
以下是三种实现Checkbox全选和反选的方法，以及它们的JavaScript和Java实现细节。 ### 方法一：使用`checked`属性 **JavaScript实现**： 在JavaScript中，可以通过获取全选按钮的`checked`属性来控制所有复选框的...
在这个特定的案例中，我们关注的是如何使用Element UI来实现一个带有复选框（checkbox）的下拉框（select），并且支持全选和取消全选的功能。下面将详细介绍这一功能的实现步骤和关键知识点。 首先，我们需要在项目...
"Android CheckBox全选反选"这个话题主要涉及如何在ListView中实现CheckBox的选择与反选择操作，包括全选和反选的功能。ListView是Android系统提供的一种列表视图，它可以显示大量数据并允许用户进行交互。下面我们...
在IT领域，特别是前端开发中，使用jQuery来操作DOM元素是一种常见的实践，特别是在处理复选框（checkbox）的全选与取消全选功能时。本文将深入解析如何使用jQuery实现这一功能，通过分析给定代码片段，提炼出关键...
本教程将详细介绍如何在WPF中实现CheckBox的全选和反选功能。 首先，我们需要理解CheckBox的基本用法。在XAML中，我们可以创建一个CheckBox并为其设置文本和初始状态： ```xml <CheckBox Content="全选" x:Name=...