【JS/JQ】复选框的全选操作

  

//全选操作

1.第一种方法JS，此方法用于多级菜单前复选框（如下图）

 

        function setMenu(id) {
            var checklist = document.getElementsByName("Menu" + id);//getElementsByName：取出复选框的name值
            if (document.getElementById("Menu" + id).checked) {         //getElementById：取出复选框的id值
                $("[name='Menu" + id + "']").attr("checked",'true');//全选
                for (var i = 0; i < checklist.length; i++) {
                    checklist[i].checked = 1;
                }
            } else {
                $("[name='Menu" + id + "']").removeAttr("checked");//取消全选
                for (var j = 0; j < checklist.length; j++) {
                    checklist[j].checked = 0;
                }
            }

 

        }

2.第二种JQuery方法，注意所有的复选框type都设置为checkbox才有效，此方法在GV中用过，chkAll为表头复选框ID

   $("#chkAll").click(function () {
                if (this.checked) {
                    var checked = $("input[type='checkbox']");
                    checked.prop("checked", true);
                }
                else
                {
                    var checked = $("input[type='checkbox']");
                    checked.prop("checked", false);
                }
            })