ecshop中全选与反选功能介绍
来源:原创
时间:2016-01-31
作者:脚本小站
分类:其他
ecshop中全选与反选功能介绍
1.引入js文件 listtable.js
{insert_scripts files="../js/utils.js,listtable.js"}
2.在标题栏也就是第一个选框中调用 listTable.selectAll 方法
<th width="40"><input onclick='listTable.selectAll(this, "checkboxes")' type="checkbox" />序号</th>
3.在其他要遍历的栏的复选框加上 name="checkboxes[]"
<td><input type="checkbox" name="checkboxes[]" value="{$vo.id}"/>{$i}</td>
4.listTable.selectAll的使用方法:
/** * 全选反选 * @param object obj this对象 * @param String chk 全选表单中的name值 name="checkboxes[]" */ listTable.selectAll = function(obj, chk);
示例:
{include file="pageheader.htm"} <!-- listtable.js 单击修改 --> {insert_scripts files="../js/utils.js,listtable.js"} <form action="" name=""> <div class="list-div" id="listDiv"> <table cellpadding="3" cellspacing="1" > <tr> <th width="40"><input onclick='listTable.selectAll(this, "checkboxes")' type="checkbox" />序号</th> <th>ID</th> <th>名称</th> <th>图片</th> <th>显示</th> <th>时间</th> <th>操作</th> </tr> {foreach from=$list item="vo" key="i"} <tr> <td><input type="checkbox" name="checkboxes[]" value="{$vo.id}"/>{$i}</td> <td>{$vo.id}</td> <td><span onclick="listTable.edit(this, 'edit_attachment_name', {$vo.id})">{$vo.name}</span></td> <td width="40"><img src="{$vo.url}" width="20" /></td> <td><img src="images/{if $vo.is_ok}yes{else}no{/if}.gif" onclick="listTable.toggle(this, 'toggle_is_ok', {$vo.id})" /></td> <td><?php echo date('Y-m-d',$this->_var['vo']['atime']) ?></td> <td><a href="">删除</a></td> </tr> {/foreach} </table> </div> </form> {include file="pagefooter.htm"}