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"}