js实现全选反选

 <input type="checkbox" value="西瓜" id="ck1" name="cks" />西瓜
    <input type="checkbox" value="苹果" id="ck2" name="cks" />苹果
    <input type="checkbox" value="黄瓜" id="ck3" name="cks" />黄瓜<br/>
    <input type="button" value="全选" id="btn"/>

    <input type="button" value="反选" id="btnattr" /><br/>

 $(function () {
            $("#btn").click(function () {
                //设置复选框全选，先获取到复选框，循环设置checked属性为true
                $(":checkbox").each(function () {
                    $(this).attr("checked",true);
                });

            });
            $("#btnattr").click(function () {
                $(":checkbox").each(function () {
                    //$(this).removeAttr("checked");//移除属性，删除
                    //如果全不选
                    $(this).attr("checked", false);
                });
            });