<!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 实现复选框全选/取消功能
主要介绍了jQuery实现的复选框全选/取消全选/反选及获得选择的值,需要的朋友可以参考下
juqery实现复选框全选/反选demo源码,对应博客文章说明:http://blog.csdn.net/shellwin/archive/2010/07/21/5752366.aspx
jquery复选框全选/取消示例,实现点击复选框的时候全选所有的子复选框,再点击取消所有复选框的选中状态
本文实例讲述了js与jQuery实现checkbox复选框全选/全不选的方法。分享给大家供大家参考,具体如下: 先来看看JavaScript实现checkbox复选框全选/全不选的方法。这应该是一个比较实用的前端技巧吧,很多时候我们都...
jquery 、js实现复选框 (全选、反选)功能··
jquery版本的复选框全选和不选,简单而且好用,我是在项目中摘要出来的小示例。
QTableWidget表头添加复选框实现全选功能。有点投机取巧,但是功能是实现了。实现很简单。
jquery 复选框 全选,全不选,在同一个按钮实现,格式是html
javascript 复选框全选,复选框全选,复选框全选
spreadjs_列头添加复选框全选功能-demo
js 实现 复选框全选(二)! 值得下载看看!资源免费,大家分享!!
用Axure RP 8.0做的原型设计列子,作用是复选框做全选和非全选,已选的做反选。可以学习下反选或非反选的交互思路。
用jQuery一句话实现复选框全选取消,请试试吧
《锋利的jquery》利用jquery实现复选框的全选和反选
主要介绍了vue+vant-UI框架实现购物车的复选框全选和反选功能,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
实现了复选框全选的功能,不需要在外面另加按钮触发全选事件