单个复选框实现全选/全否功能
功能描述:列表头部单个复选框按钮实现全选/全否功能。并且如果下面的列表中的复选框有一个没有选中,全选按钮为未选中状态;如果下面的列表中的复选框全部选中,全选按钮也为勾中状态!
$(function () {
//全选按钮单击事件 按钮id为allCheck
$("#allCheck").bind("click", function () {
//得到全选按钮对象
var obj = $("#allCheck:checkbox");
//得到全选按钮当前的状态:选中or未选中
var checkFlag = obj.attr("checked");
//如果全选按钮选中,则下面的列表中的复选框全部勾中
if(checkFlag)
{
$("[name = selectUid]:checkbox").attr("checked", true);
}
//如果全选按钮未选中,则下面的列表中的复选框全部未选中
if(!checkFlag)
{
$("[name = selectUid]:checkbox").attr("checked", false);
}
});
//列表中复选框的单击事件 按钮name为selectUid
$("[name = selectUid]:checkbox").bind("click", function () {
//得到全选按钮
var checkAllObj = $("#allCheck:checkbox");
//得到列表中的复选框
var checkOneObj = $("[name = selectUid]:checkbox");
//迭代列表中的复选框 根据是否为全部选中来设置全选按钮的状态
for(var i=0; i < checkOneObj.length; i++)
{
var sonCheckFlag = $(this).attr("checked");