JQuery复选框全选效果如何实现

第JQuery复选框全选效果如何实现第一种方法：选择器[属性名称=属性值]

$(input[type=checkbox]:gt(0)).prop(checked,this.checked);

第二种方法：使用层级选择器来实现tbodytrtdinput

$(tbodytrtdinput).prop(checked,this.checked);

第三种方法：

//#tabtbodytr:nth-child(4)td:nth-child(1)input[type=checkbox]

代码实现

!DOCTYPEhtml

html

head

metacharset=UTF-8

title/title

scripttype=text/JavaScriptsrc=../js/jquery-1.11.0.js/script

script

表格全选和全不选

进一步确定事件:点击事件

$(function(){

//绑定点击事件

//this代表的是当前函数的所有者

$(#checkAll).click(function(){

//获取当前选中状态

//alert(this.checked);

//获取所有分类项的checkbox

//选择器[属性名称=属性值]

//$(input[type=checkbox]:gt(0)).prop(checked,this.checked);

//使用层级选择器来实现tbodytrtdinput

//$(tbodytrtdinput).prop(checked,this.checked);//这个可行

//#tabtbodytr:nth-child(4)td:nth-child(1)input[type=checkbox]

$(input).prop(checked,this.checked);

/script

/head

body

tableborder=1pxwidth=600pxid=tab

thead

inputtype=checkboxid=checkAll/

/td

td分类ID/td

td分类名称/td

td分类商品/td

td分类描述/td

td操作/td

/tr

/thead

tbody

inputtype=checkbox/

/td

td1/td

td手机数码/td

td华为,小米,尼康/td

td黑马数码产品质量最好/td

ahref=#rel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollow修改/a|ahref=#rel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollow删除/a

/td

/tr

inputtype=checkbox/

/td

td2/td

td成人用品/td

td充气的/td

td这里面的充气电动硅胶的/td

tdahref=#rel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollow修改/a|ahref=#rel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollow删除/a/td

/tr

inputtype=checkbox/

/td

td3/td

td电脑办公/td

td联想,小米/td

td笔记本特卖/td

tdahref=#rel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollow修改/a|ahref=#rel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollow删除/a/td

/tr

inputtype=checkbox/

/td

td4/td

td馋嘴零食/td

td辣条,麻花,黄瓜/td

td年货/td

tdahref=#rel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollow修改/a|ahref=#rel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollow删除/a/td

/tr

inputtype=checkbox/

/td

td5/td

td床上用品/td

td床单,被套,四件套/td

td都是套子/td

tdahref=#rel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollowrel=externalnofollow修改/a|ahref=#rel=externalnofollowrel=externalnofollowrel=externalnofollowrel=exter