js 全选、反选、批删

<!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>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值