码迷,mamicode.com
首页 > Web开发 > 详细

sea.js中的checkbox批量操作

时间:2016-04-25 22:21:37      阅读:267      评论:0      收藏:0      [点我收藏+]

标签:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
	<tr>
	  <th scope="col" width="60"><input type="checkbox" class="checkbox" id="all" />全部</th>
	  <th scope="col">主题</th>
	  <th scope="col">消息类型</th>
	  <th scope="col">发送时间</th>
	</tr>
	
	{@each data as item}
	<tr>
      <td><input type="checkbox" class="checkbox" /></td>
      <!--0:已读,1:未读  -->
      {@if item.is_new==1}
      <td class="toolmsg"><a href="javascript:void(0);" id="${item.id}" title="${item.title}" create_time="${item.create_time}" 
      content="${item.content}" message_type="${item.message_type}">${item.title}</a></td>
      {@else}
       <td class="toolmsg"><a class="active" href="javascript:void(0);" id="${item.id}" title="${item.title}" create_time="${item.create_time}" 
      content="${item.content}" message_type="${item.message_type}">${item.title}</a></td>
      {@/if}
      
     <!--  0-系统消息  1-商城消息  -->
      {@if item.message_type==1}
      <td>商城消息</td>
      {@else}
       <td>系统消息</td>
      {@/if} 
      <td>${item.create_time}</td>
    </tr>
    {@/each}
</table>

 

//全选/反选
                var subInputObj = $(".table_main").find("table").find("tr:gt(0)").find("input");
                $("#all").bindEvent(function(){
                    if($(this).prop("checked")){
                        $(subInputObj).prop("checked", true);
                    }else{
                        $(subInputObj).prop("checked", false);
                    }
                });
/**
     * 获取选中对应的值
     */
    function getCheckedValue(){
        var msg_id = "";
        $(".table_main").find("table").find("tr:gt(0)").find("input").each(function(index, item){
            if($(this).prop("checked")){
                msg_id += index + ",";
            }
        });
        return msg_id;
    }

 

sea.js中的checkbox批量操作

标签:

原文地址:http://www.cnblogs.com/wangzhuxing/p/5432711.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!