<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script type="text/javascript" src='jquery.js'>
</script>
<script type="text/javascript">
$(function(){
$('#chk_all').click(function(){
//1.第一种方式，以下两行代码
//var checkedOfAll=$("#chk_all").prop("checked");
//$("input[name='chk_list']").prop("checked", checkedOfAll);
//2.第二种方式，以下代码，官方代码
$("input[name='chk_list']").prop("checked", function( i, val ) {
return !val;
});
});
});
</script>
</head>
<body>
<input type="checkbox" name="chk_list" id="chk_list_1" value="1" />1<br />
<input type="checkbox" name="chk_list" id="chk_list_2" value="2" />2<br />
<input type="checkbox" name="chk_list" id="chk_list_3" value="3" />3<br />
<input type="checkbox" name="chk_list" id="chk_list_4" value="4" />4<br />
<input type="checkbox" name="chk_all" id="chk_all" />全选/取消全选
</body>
</html>
- prop(name|properties|key,value|fn) 返回值:jQuery
概述：
获取在匹配的元素集中的第一个元素的属性值。
随着一些内置属性的DOM元素或window对象，如果试图将删除该属性，浏览器可能会产生错误。jQuery第一次分配undefined值的属性，而忽略了浏览器生成的任何错误
参数
name String V1.6
属性名称
properties Map V1.6
作为属性的“名/值对”对象
key,value String,Object V1.6
属性名称，属性值
key,function(index, attr) String,Function V1.6
1:属性名称。
2:返回属性值的函数,第一个参数为当前元素的索引值，第二个参数为原先的属性值。
示例
参数name 描述:
选中复选框为true，没选中为false
jQuery 代码:
$("input[type='checkbox']").prop("checked");参数properties 描述:
禁用页面上的所有复选框。
jQuery 代码:
$("input[type='checkbox']").prop({
disabled: true
});参数key,value 描述:
禁用和选中所有页面上的复选框。
jQuery 代码:
$("input[type='checkbox']").prop("disabled", false);
$("input[type='checkbox']").prop("checked", true);参数key,回调函数 描述:
通过函数来设置所有页面上的复选框被选中。
jQuery 代码:
$("input[type='checkbox']").prop("checked", function( i, val ) {
return !val;
});
相关推荐
### JavaScript 实现复选框全选/取消功能 在网页开发中，经常需要用到复选框全选或取消的功能。本文将详细介绍如何通过JavaScript实现这一功能，并解析提供的代码片段。 #### 1. 功能概述 本功能的目标是实现一个...
在标题"jQuery实现复选框全选/反选demo源码"中，我们关注的核心知识点是利用jQuery实现复选框的全选和反选功能。这个功能在许多网页应用中都非常实用，比如在表格数据筛选、表单多选等场景。通过简单的jQuery代码，...
本文实例讲述了js与jQuery实现checkbox复选框全选/全不选的方法。分享给大家供大家参考，具体如下： 先来看看JavaScript实现checkbox复选框全选/全不选的方法。这应该是一个比较实用的前端技巧吧，很多时候我们都...
jQuery实现复选框全选、取消全选、反选及获得选择的值是前端开发中常遇到的需求，下面详细介绍一下这些操作的实现方式。 首先，全选功能通常会有一个控制所有复选框状态的主复选框，当主复选框被选中时，页面上所有...
《SpreadJS：实现列头复选框全选功能详解》 SpreadJS 是一款强大的JavaScript电子表格库，由 GrapeCity 公司开发，它允许开发者在Web应用中创建、编辑和展示电子表格数据。在实际应用中，我们经常需要在列头添加复...
总结一下，这个示例展示了如何使用jQuery来处理复选框的全选/取消全选功能以及父子复选框的联动。核心在于使用`attr()`和`removeAttr()`方法来改变复选框的选中状态，以及`each()`和`hasClass()`方法来遍历和检查复...
本话题主要关注如何使用jQuery来实现复选框的全选和全不选功能。在HTML页面中，复选框是一种常见的表单元素，用于让用户可以选择多个选项中的一个或多个。全选和全不选功能则为用户提供了一种便捷的方式来一次性选择...
有时候，我们希望在表格的表头中添加复选框，以便实现全选或取消全选的功能，这在处理大量数据时尤其有用。本篇文章将详细解释如何在`QTableWidget`的表头中添加复选框并实现全选功能。 首先，我们需要了解`...
然后，在页面中添加一个全选/全不选的复选框，我们可以给它一个特定的ID，如`select-all`： ```html <input type="checkbox" id="select-all"> 全选 ``` 接下来是jQuery代码部分，我们监听`#select-all`复选框的`...
axure复选框全选反选效果.rp
1. 添加一个复选框控件，作为全选/取消全选的开关。 2. 绑定复选框的`CheckedChanged`事件。 3. 在事件处理程序中，如果复选框被选中，调用`dataGridView.SelectAll()`；反之，调用`dataGridView.ClearSelection()`...
在这个场景下，我们将关注如何在`DataGridView`中实现复选框列的全选功能。这涉及到用户交互的增强，以及对事件响应的编程。 首先，我们需要在`DataGridView`中添加一个复选框列。这可以通过在设计时手动添加，或在...
javascript 复选框全选，复选框全选，复选框全选
js 实现 复选框全选（二）! 值得下载看看!资源免费,大家分享!!
实现全选/全不选功能，通常会有一个主复选框，通常标记为“全选”或“全不选”，它的`id`可以是`selectAll`。当用户点击这个复选框时，我们需要遍历页面上所有的其他复选框，并改变它们的`checked`属性。 以下是一...
jQuery作为一款轻量级的JavaScript库，提供了一种简洁、高效的方式来操作DOM元素，实现复选框的全选和取消全选功能。 本文将详细讲解如何使用jQuery一句话实现复选框的全选和取消全选功能。 首先，我们需要在HTML...
用Axure RP 8.0做的原型设计列子，作用是复选框做全选和非全选，已选的做反选。可以学习下反选或非反选的交互思路。
当页面中有多个复选框时，全选（Select All）和全不选（Deselect All）功能可以极大地提高用户体验，让用户能够快速选择或取消所有选项。 ### JS代码分析 #### 函数getAllCheckBox()详解 给定的代码片段是一个名...
本资源"复选框全选、全不选和反选的效果实现.rar"聚焦于JavaScript（JS）实现复选框的全选、全不选和反选功能，这对于创建交互性强、用户体验良好的网页表单至关重要。全选、全不选和反选功能使得用户可以便捷地管理...