监听器用于监听web应用中某些对象、信息的创建、销毁、增加,修改,删除等动作的发生,然后作出相应的响应处理。当范围对象的状态发生变化的时候,服务器自动调用监听器对象中的方法。常用于统计在线人数和在线用户,系统加载时进行信息初始化,统计网站的访问量等等
如:
//修改thread中checkbox对象的状态
function doChangeTHeadCheckBoxState() {
//1.获取tbody中所有checkbox对象状态&&操作的
var flag = true;
$("#tbodyId input[type='checkbox']").each(function() {
flag = flag && $(this).prop("checked");
});
//2.设置thead中checkbox的状态值
$("#checkAll").prop("checked", flag);
}
//设置thread中checkbox对象的状态监听
$("#checkAll").change(doChangeTBodyCheckBoxState);
//设置tbody中checkbox对象的状态监听
$("#tbodyId").on("change",".cBox",doChangeTHeadCheckBoxState);
});
//修改thread中checkbox对象的状态
function doChangeTHeadCheckBoxState() {
//1.获取tbody中所有checkbox对象状态&&操作的
var flag = true;
$("#tbodyId input[type='checkbox']").each(function() {
flag = flag && $(this).prop("checked");
});
//2.设置thead中checkbox的状态值
$("#checkAll").prop("checked", flag);
}
//修改tbody中checkbox对象的状态
function doChangeTBodyCheckBoxState() {
//1.获取thread中checkbox对象的状态
var state = $(this).prop("checked");
//2.设置tbody中checkbox对象的状态
$("#tbodyId input[type='checkbox']").prop("checked", state);
}
。