设置全选按钮功能

Love The Way You Lie 2022-08-06 11:08 109阅读 0赞

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>

$('.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>