easyui反选全选和全不选代码以及方法的使用

首先要说明的是,onclick="javascript:这里只能写JS的代码,不能写个方法名。",其次就是onclick=“这里写的方法名必须存在于本页面的行内JS,如果是引入的JS文件中的方法他不会识别,会告诉你没有找到XX方法”

接下来是easyui的方法:

//全选
    $("#mAllSelect").click(function () {
        $("#dgShowData").datagrid("checkAll");
    });
    //反选
    $("#mUnAllSelect").click(function () {
        var pageRow = $("#dgShowData").datagrid("getRows")

        var selecRow = $("#dgShowData").datagrid("getSelections")

        var pageRowSize = pageRow.length;

        var selecRowSize = selecRow.length;

        //如果选中的数据没有的话反选默认为全部选中
        if (selecRow.length == 0) {
            $("#dgShowData").datagrid("checkAll");
        }

        for(var i=0;i<pageRowSize;i++){

            var tempArray = new Array();

            //便利页面数据,和选中的数据做比较。

            for(var j=0;j<selecRowSize;j++){

                //如果找到被选中数据变成没选中。否则,变成选中。
                if(pageRow[i]==selecRow[j]){

                    $("#dgShowData").datagrid("uncheckRow", i)
                    break;
                }else{
                    $("#dgShowData").datagrid("checkRow", i)
                }
            }
        }
    });

    //全不选
    $("#mClearSelect").click(function () {
        $("#dgShowData").datagrid("uncheckAll");
    });
时间: 2024-11-12 06:40:21

easyui反选全选和全不选代码以及方法的使用的相关文章

html+css+js实现复选框全选与反选

1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 2 <html> 3 <head> 4 <title>html+css+js实现复选框全选与反选</title> 5 <meta http-equiv="content-type&qu

jquery的全选,全不选,反选

jquery的全选,全不选,反选: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="jqueryselect.aspx.cs" Inherits="WebApplication9.jqueryselect" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xh

多选框的全选、全不选、反选

要实现多选框的选择相关映射,要实现以下逻辑: 1.全选框被点击时,所以子选框被选中. 2.当全选状态下,子选框的其中一个撤销点击,全选框自动unchecked 3.为全选状态下,子选框一个个全部选中,最后一个子选框框点击之后,全选框自动checked var information=$("#"+flag).find(".information");  var $newsCheck = information.find("input[name='newsCh

jquery实现全选、全不选和反选

全选和全不全都实现都比较简单 $('input:checkbox').attr('checked','checked'); //全选 $('input:checkbox').removeAttr('checked'); //全不选 反选分三步:1找到所有已选的checkbox,2将所有的checkbox设置为选中,3将之前找到的已选checbox设置为不选(如有更好的方法请留言讨论) var checked = $('input:checkbox:checked'); //找到所有已选的chec

jQuery 复选框全选/取消全选/反选

jQuery实现的复选框全选/取消全选/反选及获得选择的值. 完整代码: <!DOCTYPE html> <html> <head> <script type="text/javascript" src="../js/jquery-1.9.1.js"></script> <script type="text/javascript"> $(document).ready(fun

复选框全选、全不选和反选的效果实现

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>石家庄车库棚|tongtianty.net---复选框全选.全不选和反选的效果实现</title> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin func

jQuery实现复选框全选/全部取消/反选/获得选择的值

本地单文件上传脚本,命名uf 这是在本机上做的测试,利用bpcs_uploader脚本实现,只是进行简单的封装,自动完善云端文件路径. 技术要点:使用dirname获取文件所在目录,使用pwd获取文件完整路径,并作为云端文件路径. #!/bin/bash cur_dir=$(cd "$(dirname "$1")"; pwd) name=$(basename "$1") /home/grm/bin/bpcs_uploader/bpcs_uploa

jquery实现全选、全消、反选功能

HTML代码: <input type="checkbox" name="checkbox" class="A" /> 使用按钮来实现全选.全消.反选 <button id="checkAll">全选</button > <button id="removeAll">全消</button > <button id="reverse&

js实现复选框的全选、全不选、反选

js中实现复选框的全选,全不选以及反选,分为两种情况: (1)选中“请选择”前面的复选框实现全选,不选中“请选择”前面的复选框实现全不选 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org

【jquery】一个简单的单选、多选、全选、反选、删除的小功能

对表格内容进行单行删除.单行选中.多行选中.全选.反选.删除选中行等操作 HTML代码 <table class="table table-bordered border-shadow"> <colgroup> <col class="col-xs-1"> <col class="col-xs-1"> <col class="col-xs-4"> <col cl