Asp.net mvc 4 jqgrid复选框全部选中，全部清除

我想在单击全选按钮时选中复选框。单击“获取选定对象”按钮时获取选定值。当multiselect为true时，我可以执行此操作。但我使用的是iEmployeeActive复选框，不带multiselect true。如何使用自定义复选框实现此功能

<div style="float: left;">
    <input id="getSelected" type="button" value="Get Selected" />
    <input id="selectAll" type="button" value="Select All" />
    <input id="clear" type="button" value="Clear Selection" />
    <div id="names"></div>
 </div>

jqGrid代码

 colModel: [//Column details
                        { name: "Id", index: "Id", width: "220px" },
                        { name: "Name", index: "Name", width: "220px" },
                        //Do not allow sorting on Action Column
                        { name: "Action", index: "Action", sortable: false, width: "220px" },
                        { name: "IsEmployeeActive", index: "IsEmployeeActive", sortable: false, width: "220px" ,
                            editable:true, edittype:'checkbox', editoptions: { value:"true:false"},
                            formatter: "checkbox", formatoptions: {disabled : false},
                        }
            ]

        $("#selectAll").click(function(){
            $("#jqEmpGrid").jqGrid('resetSelection');
            var ids = $("#jqEmpGrid").jqGrid('getDataIDs');
            for (var i=0, il=ids.length; i < il; i++) {
                $("#jqEmpGrid").jqGrid('setSelection',ids[i], true);
            }
        });
        $("#clear").click(function(){
            $("#jqEmpGrid").jqGrid('resetSelection');
        });
        $("#getSelected").click(function(){
            var ids = $("#jqEmpGrid").jqGrid('getGridParam','selarrrow');
            if (ids.length>0) {
                var names = [];
                for (var i=0, il=ids.length; i < il; i++) {
                    var name = $("#jqEmpGrid").jqGrid('getCell', ids[i], 'Id');
                    names.push(name);
                }
                //alert ("Names: " + names.join(", ") + "; ids: " + ids.join(", "));
                $("#names").html(names.join(", "));
            }
        });

});

colModel:[//列详细信息
{名称：“Id”，索引：“Id”，宽度：“220px”}，
{name:“name”，index:“name”，width:“220px”}，
//不允许对操作列进行排序
{name:“Action”，index:“Action”，sortable:false，width:“220px”}，
{名称：“IsEmployeeActive”，索引：“IsEmployeeActive”，可排序：false，宽度：“220px”，
可编辑：true，edittype:'checkbox'，editoptions:{value:'true:false}，
格式化程序：“复选框”，格式化选项：{disabled:false}，
}
]
$（“#选择全部”）。单击（函数（）{
$（“#jqEmpGrid”）.jqGrid（'resetSelection'）；
var id=$（“#jqEmpGrid”）.jqGrid（'getdataid'）；
对于（var i=0，il=ids.length；i0）{
变量名称=[]；
对于（var i=0，il=ids.length；i

声明列名称

colNames: ['Employee Id', 'Employee Name', 'Action','<input type="checkbox" id="selectallCB"/>'],//Column Names
        colModel: [//Column details
                    { name: "Id", index: "Id", width: "220px" },
                    { name: "Name", index: "Name", width: "220px" },
                    //Do not allow sorting on Action Column
                    { name: "Action", index: "Action", sortable: false, width: "220px" },
                    { name: "IsEmployeeActive", index: "IsEmployeeActive", sortable: false, width: "220px" ,
                        editable:true, edittype:'checkbox', editoptions: { value:"true:false"},
                        formatter: "checkbox", formatoptions: {disabled : false},
                        cellattr: function(rowId, val, rawObject) {
                            return " class='cbEmpActive'";
                        }
                    }
        ],

colNames:['Employee Id'，'Employee Name'，'Action'，''']，//列名
colModel:[//列详细信息
{名称：“Id”，索引：“Id”，宽度：“220px”}，
{name:“name”，index:“name”，width:“220px”}，
//不允许对操作列进行排序
{name:“Action”，index:“Action”，sortable:false，width:“220px”}，
{名称：“IsEmployeeActive”，索引：“IsEmployeeActive”，可排序：false，宽度：“220px”，
可编辑：true，edittype:'checkbox'，editoptions:{value:'true:false}，
格式化程序：“复选框”，格式化选项：{disabled:false}，
cellattr:函数（rowId、val、rawObject）{
返回“class='cbEmpActive'”；
}
}
],

并编写代码以选择全部并获取所选项目

/* use when custom checkbox is required    */

    $("#selectAll").click(function(){
        var td = $('.cbEmpActive');
        for(var i=0;i<td.length; i++){
            var checkbox = $('input[type="checkbox"]', $( td[i]).closest('td')).get(0).checked=true;
        }
    });
    $("#clear").click(function(){
        var td = $('.cbEmpActive');
        for(var i=0;i<td.length; i++){
            var checkbox = $('input[type="checkbox"]', $( td[i]).closest('td')).get(0).checked=false;
        }
    });
    $("#getSelected").click(function(){

        var ids = $("#jqEmpGrid").jqGrid('getDataIDs');
        if (ids.length>0) {
            var names = [];
            for (var i=0, il=ids.length; i < il; i++) {
                var checkbox =  $("#jqEmpGrid").jqGrid('getCell', ids[i], 'IsEmployeeActive');
                if(checkbox=='true')
                {
                    var name = $("#jqEmpGrid").jqGrid('getCell', ids[i], 'Name');
                    names.push(name);
                }
            }
            $("#names").html(names.join(", "));
        }

        $("#clear").click();// clear the selection after retriving selected values
    });



    // add multiple select / deselect functionality
    $("#selectallCB").click(function (e) {
        var isSelectAllTrue = $('#selectallCB').is(":checked");
        e = e||event;/* get IE event ( not passed ) */
        e.stopPropagation? e.stopPropagation() : e.cancelBubble = true;

        var td = $('.cbEmpActive');
        for(var i=0;i<td.length; i++)
        {
            var checkbox = $('input[type="checkbox"]', $( td[i]).closest('td')).get(0);

            var checked = checkbox.checked;
            checkbox.checked = isSelectAllTrue;

        }

        //          $('.case').attr('checked', this.checked);
    });

/*需要自定义复选框时使用*/
$（“#选择全部”）。单击（函数（）{
var td=$（'.cbEmpActive'）；
对于（var i=0；i