首页 > Web开发 > 详细

js EasyUI前台 全选的实现

时间:2016-05-24 22:09:32      阅读:237      评论:0      收藏:0      [点我收藏+]

技术分享

 

 

在页面数据列表<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[] 数组即可

js EasyUI前台 全选的实现

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!