期待高手来回答，关于jquery的技术问题

/* var state = $("#headCheckbox").checked; */
var state = this.checked;

为什么第一种通过alert取不到值，第二种可以

jQuery对象不是dom 对象,dom 也不是jQuery,jQuery的方法dom上面是没有的,反过来dom上的方法属性,jQuery上也是没有的,对于初学者,最容易犯的错误就是误以为jQuery对象等同于dom对象,
jQuery转dom,可以直接 $("xx")[0],这个是一个dom ,dom 转jQuery的话,直接选择器 $(dom),就成了jQuery对象

第一种要用就用jQuery的操作方法,别又回到dom对象的方法

你想用第一种 试试这句代码
var state = $("#headCheckbox").attr("checked");
Jquery获取属性的值 是attr