复选框的全选操作

  

//全选操作

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);

                }

            })