sea.js中的checkbox批量操作
2016-04-25 20:59
567 查看
<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>
/** * 获取选中对应的值 */ 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 += $(this).attr("value") + ","; } }); return msg_id; }
//全选/反选 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); } });
相关文章推荐
- JSP的设计模式
- java和JS代码相互调用
- JavaScript的strict模式
- 用Html 5的canvas及javascript实现贪吃蛇
- JS错误处理
- js操作DOM动态添加和移除事件
- 3、JavaScript快速入门(2)
- [转]使用cJSON解析JSON字符串
- jSP内置对象
- javascript私有变量
- javascript闭包
- jstl c:choose>、<c:when>和<c:otherwise>标签的自定义开发
- js中的 AOP
- [JSOI2016]轻重路径
- JavaScript代码性能优化总结
- javascript 中的闭包
- [JSOI2016]无界单词
- JavaScript入门学习1
- JavaScript入门学习2
- JavaScript入门学习3;基本用法