设置全选按钮功能

来源：互联网发布：unity3d点击播放动画编辑：程序博客网时间：2024/06/06 04:42

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);" onclick="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>

0 0