http://www.cnblogs.com/shige/archive/2009/02/10/1387020.html
Ext 4.0 API
http://docs.sencha.com/ext-js/4-0/#!/api
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function checkEvent(name,allCheckId)
{
var allCk=document.getElementById(allCheckId);
if(allCk.checked==true)
checkAll(name);
else
checkAllNo(name);
}
//全选
function checkAll(name)
{
var names=document.getElementsByName(name);
var len=names.length;
if(len>0)
{
var i=0;
for(i=0;i<len;i++)
names[i].checked=true;
}
}
//全不选
function checkAllNo(name)
{
var names=document.getElementsByName(name);
var len=names.length;
if(len>0)
{
var i=0;
for(i=0;i<len;i++)
names[i].checked=false;
}
}
//反选
function reserveCheck(name)
{
var names=document.getElementsByName(name);
var len=names.length;
if(len>0)
{
var i=0;
for(i=0;i<len;i++)
{
if(names[i].checked)
names[i].checked=false;
else
names[i].checked=true;
}
}
}
</script>
</head>
<body>
<input type="checkbox" id="ckall" onclick="checkEvent('ck','ckall')" />全选
<input type="checkbox" id="ckReserve" onclick="reserveCheck('ck','ckReserve')" />反选
<br />
<input type="checkbox" name="ck" value="1" />篮球
<br />
<input type="checkbox" name="ck" value="2" />旅游
<br />
<input type="checkbox" name="ck" value="3" />读书
<br />
<input type="checkbox" name="ck" value="4" />美食
<br />
<input type="checkbox" name="ck" value="5" />睡觉
</body>
</html>
分享到：
相关推荐
"jquery全选反选全不选案例" 是一个常见的交互功能，常见于表格或者列表中，允许用户一键选择或取消所有选项。这个功能在数据筛选、批量操作等场景下非常实用。 实现这一功能的关键在于理解 jQuery 中的选择器和...
在JavaScript编程中，"全选反选"功能是常见的用户交互设计，常见于表格或列表数据的批量操作中。这个功能允许用户一键选择或取消选择所有项目，极大地提高了操作效率。下面将详细介绍如何使用JavaScript来实现这个...
在涉及到表单元素如复选框（Checkbox）时，经常需要实现全选、反选和全不选的功能。下面将详细探讨 jQuery 如何实现这些功能，以及如何进行表单验证。 1. **全选功能** 要实现全选功能，首先我们需要一个主复选框...
本话题将深入探讨“jQuery全选反选插件”的相关知识点，这对于构建具有复选框全选和反选功能的用户界面非常有用。 首先，jQuery全选反选插件的核心功能是实现复选框的批量选择。在网页上，当用户需要对一组选项进行...
对于“全选”、“全不选”和“反选”功能，jQuery 提供了简洁的解决方案，同时也可以方便地获取选中的元素值。以下我们将详细探讨如何使用 jQuery 实现这些功能。 1. **全选**： 全选功能通常应用于具有多选选项的...
jQuery表格行全选反选单选代码，例子采用bootstrap格式，可以选择自定义。
总的来说，"JS简单表格列表全选反选代码"是JavaScript基础应用的一个实例，涉及到事件处理、DOM操作、遍历和逻辑判断等多个核心概念，对于初学者和有一定经验的开发者来说，都是一个很好的学习和参考素材。
在网页开发中，全选和反选功能是常见的交互元素，尤其在表格或者多选项列表中，用户可能希望一键选择所有项目或清除已选。在这个案例中，我们将探讨如何使用HTML和jQuery来实现这一功能。 首先，我们需要创建HTML...
在网页开发中，表格（Table）是常用的数据...总的来说，实现HTML表格中复选框的全选与反选功能主要依赖于JavaScript和CSS（用于样式），这是一项基础但重要的交互设计。理解并掌握这个功能，有助于提升网页的用户体验。
JS JS实现全选反选 全选 反选
- `全选反选_按钮.js`这个文件很可能包含了实现这些功能的JS代码。通常，它会包含上述逻辑的函数定义，以及在页面加载完成后绑定事件监听器的代码。 - 例如，可能会有像`selectAll()`、`unselectAll()`和`check...
javaScript入门案例之复选框全选，全不选，反选
在JavaScript编程中，全选和反选功能是常见的交互元素，尤其在表格或者多选列表中，用户往往希望一键选择或取消所有选项。本话题将深入探讨如何利用JavaScript实现这样的功能，以提升用户体验。 首先，我们需要理解...
本资源"复选框全选、全不选和反选的效果实现.rar"聚焦于JavaScript（JS）实现复选框的全选、全不选和反选功能，这对于创建交互性强、用户体验良好的网页表单至关重要。全选、全不选和反选功能使得用户可以便捷地管理...
- 两个链接：<a href="javascript:selectAll(true)">全选</a> 和 <a href="javascript:selectAll(false)">全不选。 - 五个复选框，都具有相同的`name`属性值“enjoy”。 #### 四、关键代码解析 - **获取复选框...
以下是三种实现Checkbox全选和反选的方法，以及它们的JavaScript和Java实现细节。 ### 方法一：使用`checked`属性 **JavaScript实现**： 在JavaScript中，可以通过获取全选按钮的`checked`属性来控制所有复选框的...
当树形组件结合复选框时，可以实现用户对节点的选择操作，如全选、反选、子选父以及父选子。这些功能在数据管理、权限分配等场景中非常实用。 首先，我们要理解ExtJS树形组件的基本构造。一个树形组件由节点（Nodes...
总结来说，"css3动画智能全选反选"是一个结合了CSS3样式、JavaScript交互和无障碍性设计的技术主题。它展示了如何用HTML和CSS3构建功能丰富的UI组件，同时提供良好的用户体验。通过熟练掌握这些技术，开发者能够创建...