jquery全選反選復選框+批量刪除


  <li id="all_del"><span><img src="__ADMIN__/images/t03.png" /></span>刪除</li>

<table class="tablelist">
<thead>
<tr>
<th>
<input type="checkbox" value="" id="checkAll" />
</th>
<th>商品id</th>
<th>商品名稱</th>
<th>縮略圖</th>
<th>商品價格</th>
<th>庫存</th>
<th>上架時間</th>
<th>添加時間</th>
<th>操作</th>
</tr>
</thead>
<tbody>
{volist name="goods_list" id="val"}
<tr>
<td>
<input name="checkbox_name" type="checkbox" value="{$val.goods_id}" />
</td>
<td>{$val.goods_id}</td>
<td>{$val.goods_name}</td>
<td><img src="{$val.goods_small_logo|ltrim=###,'.'}"></td>
<td>{$val.goods_price}</td>
<td>{$val.goods_number}</td>
<td>{$val.goods_weight}</td>
<td>{$val.add_time|date='Y-m-d',###}</td>
<td><a href="photos/goods_id/{$val.goods_id}" >查看</a>
<a class='del' href="{:Url('del',array('goods_id'=>$val['goods_id']))}"> 刪除</a>
<a href="edit/goods_id/{$val.goods_id}">編輯</a>
</td>
</tr>
{/volist}
</tbody>
</table>
    <script type="text/javascript">
$(
'.tablelist tbody tr:odd').addClass('odd');
//刪除前提醒
$('.del').click(function(){
if(confirm('確定要刪除嗎?')){
return true;
}
else{
return false;
}
});
//復選框
$('#checkAll').click(function(){
if($(this).attr('checked')){
$(
"input[name='checkbox_name']").each(function(){
$(
this).attr("checked",true);
});
}
else{
$(
"input[name='checkbox_name']").each(function(){
$(
this).attr("checked",false);
});
}
});
//批量刪除
$('#all_del').click(function(){
var list=$(':checkbox:checked');
var ids="";
list.each(
function(){
ids
+= $(this).val()+',';
});
if(ids.length==0){
alert(
'請選擇要刪除的商品');
}
else{
//截取最后一個
ids=ids.substr(0,ids.length-1);
if(confirm('確定要刪除嗎?')){
location.href
="dels/goods_id/"+ids;
}
else{
return false;
}
}

});

</script>

 

 


注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
粤ICP备14056181号  © 2014-2021 ITdaan.com