第JQuery復選框全選效果如何實現(xiàn)第一種方法：選擇器[屬性名稱=屬性值]

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

第二種方法：使用層級選擇器來實現(xiàn)tbodytrtdinput

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

第三種方法：

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

代碼實現(xiàn)

!DOCTYPEhtml

html

head

metacharset=UTF-8

title/title

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

script

表格全選和全不選

進一步確定事件:點擊事件

$(function(){

//綁定點擊事件

//this代表的是當前函數(shù)的所有者

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

//獲取當前選中狀態(tài)

//alert(this.checked);

//獲取所有分類項的checkbox

//選擇器[屬性名稱=屬性值]

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

//使用層級選擇器來實現(xiàn)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手機數(shù)碼/td

td華為,小米,尼康/td

td黑馬數(shù)碼產(chǎn)品質(zhì)量最好/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聯(lián)想,小米/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