js 全选、反选、批删

最新推荐文章于 2021-04-12 21:25:28 发布

Cpath

最新推荐文章于 2021-04-12 21:25:28 发布

阅读量437

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/Cpath/article/details/54236562

javascript 专栏收录该内容

1 篇文章

订阅专栏

<!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>