您的位置：首页 > Web前端 > JavaScript

js 全选、反选、批删

2017-01-08 20:29 232 查看

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>选择</title>
</head>
<script src="../jquery-3.1.1.min.js"></script>
<body>
<h1>js选择</h1>

<a href="javascript:void(0)" onclick="selectAll('id[]')"><button class="operating_btn" type="button"><span class="sel_all">全选</span></button></a>

<a href="javascript:void(0)" onclick="selectAllf('id[]')"><button class="operating_btn" type="button"><span class="sel_allf">反选</span></button></a>

<a href="javascript:void(0)" onclick="selectAllN('id[]')"><button class="operating_btn" type="button"><span class="sel_allf">全不选</span></button></a>

<a href="javascript:void(0)" onclick="selectDel('id[]');"><button class="operating_btn" type="button"><span class="delete">批量删除</span></button></a>

<tr>
<td class="t_c"><input type="checkbox" name="id[]" value="{$item['id']}" /></td>
<td  class='jd' ><input type="hidden" class="jd" value="{$item['id']}">{$item['title']}</td>
<td><input type="text" class="tiny" value="{$item['content']}" onchange="changeSort({$item['id']},this);" style="width:180px"/></td>
<td>
{$item['time']}
</td>
<td>
<a href="javascript:addNewSpec({$item['id']});"><img class="operator" src="{skin:images/admin/icon_edit.gif}" alt="修改" /></a>
<a href='javascript:void(0)' onclick="delModel({link:'{url:/goods/spec_del/id/$item[id]}'});"><img class="operator" src="{skin:images/admin/icon_del.gif}" alt="删除" title="删除" /></a>
</td>
</tr>
<script>
//全选
function selectAll(nameVal)
{
$("input:checkbox[name='"+nameVal+"']").each(function(k){
$("input:checkbox[name='"+nameVal+"']:not(:checked)").attr('checked',true);
})

}
//反选
function selectAllf(nameVal){
//var ObjN = $("form:has(:checkbox[name='"+nameVal+"'])");
$("input:checkbox[name='"+nameVal+"']").each(function(k){
if (this.checked==true) {
$(this).attr('checked',false);
}else{
$(this).attr('checked',true);
}
})

}
//全不选
function selectAllN(nameVal){
$("input:checkbox[name='"+nameVal+"']").each(function(k){
$(this).attr('checked',false);
})

}
//批量删除
function selectDel(nameVal){
var ids='';
$("input:checkbox[name='"+nameVal+"']").each(function(k){
if (this.checked==true) {
ids+=','+$(this).attr('checked',true).val();
}
})

id_s=ids.substr(1);
//console.log(ids_s);
//{url:/goods/spec_edit/id/@spec_id@}
//var url='{url:/ceshi/dels}';
$.get('http://www.iwebshop.com/index.php?controller=ceshi&action=dels',{id_s:id_s},function(msg){
console.log(msg);
});

}

</script>

</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航