您的位置:首页 > 产品设计 > UI/UE

js EasyUI前台 全选的实现

2016-05-24 20:45 507 查看


在页面数据列表<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[] 数组即可
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: