后台拼 checkbox 全选 取消全选

 

// 后台拼接一个 复选框

 tempField.HeaderText = "  <input type=\"checkbox\" id=\"chkIDs\" onclick=\"CheckAll()\">"+"序号";

// 调用前台方法去实现全选 和取消全选

<script type="text/javascript">
        function CheckAll() {
            var gvClientId = document.getElementById('<%=grdList.ClientID %>');  // 获取数据控件的客户端ID
            var allchoose = document.getElementById('chkIDs');   // 获取  父 复选框的客户端ID
            if (allchoose.checked) {     // 如果全选
                for (var i = 1; i < gvClientId.rows.length; i++) {
                    if (gvClientId.rows[i].cells[0].children[0] != null) {
                        var cbt = gvClientId.rows[i].cells[0].children[0];
                        cbt.checked = 'checked';
                    }
                }
            }
            else {   // 如果取消全选
                for (var i = 1; i < gvClientId.rows.length; i++) {
                    if (gvClientId.rows[i].cells[0].children[0] != null) {
                        var cbf = gvClientId.rows[i].cells[0].children[0];
                        cbf.checked = false;
                    }
                }

            }
        }
    </script>