jQuery一键全选与取消，只需要一键

$(function(){
	$(".checkedall").click(function(){//全选/全不选按钮
	    var bool = false;//设置值来控制
	    $("input[name=goods]").each(function(){//遍历checkbox
	        if (!$(this).prop("checked")) {//如果有一个没选中就返回ture
		    bool = true;
		    return false;
	        }
	    })
	    $("input[name=goods]").prop("checked",bool);//在全部设置为控制值
	})
})

以上是方法一。

方法二：

$("#app>input").prop("checked",!$("#app>input").prop("checked"))

。两者其实差不多，唯一的区别就是，如果只勾选的第一个checkbox，方法一会全选。方法二会全取消