js EasyUI前台 全选的实现

在页面数据列表<d:table>

</d:table>   加入代码

 <d:col style="width:45"   class="display_leftalign"  title="选择<input type=\"checkbox\" id=\"checkAll\"/>">
      <input type="checkbox" name="Id" id="Id" class="checkItem" value="${row.id}"/>
 </d:col> 

js全选效果的实现

$(document).ready(function(){
        var chk_options = {
            all:‘#checkAll‘,
            item:‘.checkItem‘
        };
        $(this).chk_init(chk_options);
    });
function inputs(id){
    /*     var strChk="";
            var chkObj = $("input[@type=checkbox]:checked");
                    $.each(chkObj, function(i,item){
                        if($(item).val()!=‘on‘ && $(item).val()!=‘‘){
                       strChk += ($(item).val()+",");
                       }
                    });
        if($("input[@type=checkbox]:checked").size()==0){
            top.easyAlert(‘提示信息‘,‘请勾选要发送OA的记录!‘,‘info‘);
        }else{
            top.easyConfirm(‘提示‘, ‘确定发送?‘, function(r){
                if (r){
                    $(‘#queryForm‘).attr("action","report-apple!commitAllReport.action");
                    $(‘#queryForm‘).submit();
                }
            });
        } */
        if($("input[@type=checkbox]:checked").size()==0){
            top.easyAlert(‘提示信息‘,‘请勾选要发送OA的记录!‘,‘info‘);
            return;
        }
        if($("input[@type=checkbox]:checked").size()>1){
            top.easyAlert(‘提示信息‘,‘只能勾选一条记录!‘,‘info‘);
            return;
        }
        $(‘#queryForm‘).attr("action","report-apple!commitAllReport.action");
        $(‘#queryForm‘).submit();
}

后台  接受ID,,或者ID[] 数组即可

时间: 2024-10-12 09:18:20

js EasyUI前台 全选的实现的相关文章

js实现CheckBox全选全不选

CheckBox全选全不选的js方法 效果: 页面 :<table style="width: 2350px; table-layout: fixed;" border="0" cellpadding="0" cellspacing="1" bgcolor="b5d6e6" class="data_table"> <tr class="scrollColThe

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

首先要说明的是,onclick="javascript:这里只能写JS的代码,不能写个方法名.",其次就是onclick=“这里写的方法名必须存在于本页面的行内JS,如果是引入的JS文件中的方法他不会识别,会告诉你没有找到XX方法” 接下来是easyui的方法: //全选 $("#mAllSelect").click(function () { $("#dgShowData").datagrid("checkAll"); })

js checkBox的全选,反选,与赋值

//js 数值是否在数组中 Array.prototype.in_array = function(e){ for(i=0;i<this.length;i++){ if(this[i] == e) return true; } return false; } //js数组index Array.prototype.find_str=function(string){ var str = this.join(""); return str.indexOf(string); } va

js 复制、全选功能

<%--   Created by IntelliJ IDEA.   User: admin   Date: 2015/10/23   Time: 16:24   To change this template use File | Settings | File Templates. --%> <%@ page contentType="text/html;charset=UTF-8" language="java" %> <%   

JS对checkbox全选和取消全选

需求:checkbox控制列表数据全选与取消全选择. 效果图: 1.html <body > <input type="button" name="inputfile" id="inputfile" value="点击导入" onclick="open();"/> <input type="file" id="File1" name=&q

JS:checkbox 全选及传值相关

判断checkbox是否被选中. if ($('#checkbox-id').attr('checked')) { // do something } if ($("#checkbox-id")get(0).checked) { // do something } if($('#checkbox-id').is(':checked')) { // do something } 前台传值,后台接收值 <script language="javascript" t

avalon js实现checkbox全选

转载请注明: TheViper http://www.cnblogs.com/TheViper  duplex双工绑定是avalon绑定里面最有趣的一个,因为它在内部帮开发者做了很多事,让开发者写的代码减少,代码更优雅.下面随便演示一个常见的checkbox全选. 要求:(老掉牙了,还是说一下) 1.勾选了全选框后,下面的子选框全被勾选:没勾选全选框,则子选框全部不勾选 2.子选框如果有一个未勾选,则取消全选框勾选: 3.子选框全部勾选,则勾选全选框 <!DOCTYPE html> <h

JS实现购物车全选多选按钮功能

对于JS初学者来说,一个完整的购物车实现还是挺难的,逻辑功能挺多.写出完整功能,能提升不少JS基础,下面实现购物车全选多选按钮功能: 首先HTML及CSS部分: <style> table { border-collapse: collapse; } td { border: 1px solid #000000; width: 100px; height: 30px; text-align: center; } </style> <body> <table>

简单的js反选,全选,全不选

<html> <head> <base href="<%=basePath%>"> <title>My JSP 'check.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" c