jquery 全选、反选、即点即改

来源：互联网发布：网络视频广告收入编辑：程序博客网时间：2024/09/21 06:33
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>选择</title></head><script src="../jquery-3.1.1.min.js"></script><body><h2>juqery</h2> <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> <span class="class">即点即改</span><script>$(function(){     //全选             $("#CheckedAll").click(function(){         $('[name=items]:checkbox').attr('checked', true);     });     /*$("#CheckedAll").click(function(){        $("input[type='checkbox']").each(function(k){             $("input[name='items']:not(:checked)").attr('checked',true);        })        str='';        $("input[type='checkbox']:checked").each(function(){            str+=$(this).val();        })        alert(str);    })*/    //全不选    $("#CheckedNo").click(function(){        $("input[name='items']:checkbox").attr('checked',false);    })    //反选    $("#CheckedRev").click(function(){        $("[name='items']:checkbox").each(function(){            this.checked=!this.checked        });    })    //即点即改    $(document).delegate(".class","click",function(){        var name=$(this).html();        $(this).parent().html("<input type='text' name='name' value='"+name+"' />")    })    $(document).delegate("input[name='name']","blur",function(){        var new_name=$(this).val();        var id=$(this).parents("tr").attr("uid");        var obj=$(this);        $.ajax({            type:"post",            url:url,            data:{                new_name:new_name,                id:id,            },            //dataType:'json',            success:function(data)            {                if(data==3)                {                    obj.parent().html("<span class='class'>"+new_name+"</span>");                }            }        })    })})</script></body></html>
0 0