js EasyUI前台全选的实现

最新推荐文章于 2021-06-04 16:45:58 发布

转载最新推荐文章于 2021-06-04 16:45:58 发布 · 140 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/aGboke/p/5524737.html

文章标签：

#javascript #ViewUI

本文介绍如何在页面数据列表中实现全选功能，并通过示例代码展示具体操作过程。此外，还提供了后台接收ID或ID数组的方法。

在页面数据列表<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();
}