设置全选按钮功能

最新推荐文章于 2023-03-26 14:22:46 发布

南北雪树

最新推荐文章于 2023-03-26 14:22:46 发布

阅读量879

点赞数

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/u010963948/article/details/42775177

版权

JavaScript 专栏收录该内容

17 篇文章

订阅专栏

1 页面样式

<form>
<table>   
 <#if receiveList?exists && receiveList?size gt 0>
    	<#list receiveList as x>  
         <tr>
         	<td><span class="ui-checkbox"><input type="checkbox" class="chk" name="checkid" value="${x.id}"></span></td>
         	<td>${x.glideNo?default('')}</td>
         	<td style="word-break:break-all; word-wrap:break-word;" title="${x.acontent.title?default('')}">
         	<@htmlmacro.cutOff str=x.acontent.title?default('') length=50 /></td>
            <td>${x.allNo?default('')}</td>
            <td>${(x.acontent.drafterTime?string('yyyy-MM-dd'))?if_exists}</td>
            <td>${(x.superviseTime?string('yyyy-MM-dd'))?if_exists}</td>
            <td>${x.drafterName?default('')}</td>
            <td>${x.deptName?default('')}</td>
         	<td class="t-center">
         		<a href="javascript:void(0);" οnclick="doShow('${x.id!}')">
         		<img alt="查看" src="${request.contextPath}/static/images/icon/view.png"></a>
         	</td>
         </tr>
     </#list>
     <#else>
     <tr>
   		<td colspan="10"><p class="no-data mt-50 mb-50">还没有数据哦！</p></td>
	 </tr>
     </#if>
</table>
<#if receiveList?exists && receiveList?size gt 0>
<@htmlmacro.Toolbar container="#container1">
	<p class="opt">
    	<span class="ui-checkbox ui-checkbox-all" data-all="no"><input type="checkbox" class="chk">全选</span>
        <a  class="abtn-blue" href="javascript:doMove();">删除</a>
    </p>
</@htmlmacro.Toolbar>
</#if> 
</form>

<script>
function queryForName(){
	var status='${status?default('')}';
	var title=$.trim($("#title").val());
	if(title=='请输入公文标题'){
		title='';
	}
	var superviseType=$("#superviseType").val();
	var scoreType=$('#resourceofficedocTypeList.user-sList-radio span.current').attr("key");
	<#if !(status?default('')=='4' || status?default('')=='5')>
	    scoreType='';
	</#if>
	var str = "?status="+status+"&scoreType="+scoreType+"&title="+encodeURI(title)+"&superviseType="+superviseType;
	load("#showListDiv","${request.contextPath}/officedoc/receive/manageReceiveArchive-getInfoList.action"+str);
}
function doMove(){
	var ids =[];
	var i = 0;
	$("[name='checkid'][checked='checked']:input").each(function(){
		ids[i] = $(this).val();
		i++;
	});
	if(ids.length == 0){
		showMsgError("没有选要删除的内容，请先选择！");
		return;
	}
	if(showConfirm('您确定要删除吗？')){
			$.ajax({
			type: "POST",
			url: "${request.contextPath}/officedoc/receive/manageReceiveArchive-deleteAll.action",
			data: $.param( {ids:ids},true),
			dataType: "json",
			success: function(data){
				if(data.operateSuccess){
   					showMsgSuccess(data.promptMessage,"提示",function(){
   					queryForName();
   					});
				}else{
					showMsgError(data.errorMessage);
				}
			},
			error: function(XMLHttpRequest, textStatus, errorThrown){alert(XMLHttpRequest.status);}
		});
		
	}
}


$('.ui-checkbox-all').unbind('click').click(function(){
	var chkAll=$(this).attr('data-all');
	if(chkAll=="no"){
	$(this).attr('data-all','yes').parents('form').find('.ui-checkbox:not(".ui-checkbox-disabled,.ui-checkbox-disabled-checked")').addClass('ui-checkbox-current').find('.chk').attr('checked','checked');
	}else{
	$(this).attr('data-all','no').parents('form').find('.ui-checkbox:not(".ui-checkbox-disabled,.ui-checkbox-disabled-checked")').removeClass('ui-checkbox-current').find('.chk').removeAttr('checked');
		};
	});
</script>