//给"全选"按钮添加单击事件
$("#chd_all").click(function () {
/*
获取"全选"按钮的checked属性值,prop相当于我们的attr(),是专门用来获取便签属性的值的。
<tBody>是我们的表体标签,和表头标签<thead>相对应
$("#tBody"):表示获取tBody标签父标签
$("#tBody input"):表示获取所有父标签中所有的input子标签
$("#tBody input[type='checkbox']"):获取所有type属性为checkbox的所有子标签
prop("checked”):获取checked的属性值
prop("checked",true):将checked的属性值设置为true
*/
var chd = $(this).prop("checked");
$("#tBody input[type='checkbox']").prop("checked",chd);
});
//给列表中所有的checkbox添加单击事件,这个是给所有的checkbox添加单选框,不是只给checkbox添加的单选框
$("#tBody input[type='checkbox']").click(function () {
//获取列表中所有checkbox
if($("#tBody input[type='checkbox']").size()==$("#tBody input[type='checkbox']:checked").size()){
$("#chd_all").prop("checked",true);
}else{
$("#chd_all").prop("checked",false);
}
});
//当我们的checkbox是从js代码中添加过去的时候,$("#id").click()是添加不上数据的
//动态绑定
$("#body").on("click","input[type=checkbox"]).