017_jQuary全选按钮
//给"全选"按钮添加单击事件 $("#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"]).