表格的增加，删除，和全选。_html/css_WEB-ITnose-html教程 -PHP中文网QQ群微信公众号表格的增加，删除，和全选。_html/css_WEB-ITnose&script type=&text/javascript& src=&./js/jquery-1.8.3.min.js& &&/script&
&style type=&text/css& &
font-size:12
text-align:
&script type=&text/javascript&&
$(function(){
//删除数据
$(&.del&).click(function(){
$(&tr&).remove();
//新添数据
$(&.newone&).click(function(){
//创建一个新的节点
var $newPro=$(&&tr
bgcolor='#FAF3E9'&&td&&input type='checkbox'/&&/td&&td&刘家义&/td&&td&男&/td&&td&1321&/td&&td&钻石&/td&&td&&/td&&td&&/td& &td&100000&/td&&td&&img
class='add' src='images/add.jpg' /& &img class='del' src='images/del.jpg' /&&/td&&/tr&&)
$(&table&).append($newPro);
&table width=&800& border=&0& cellspacing=&0& cellpadding=&0&&
&tr bgcolor=&#EBE7DC&&
&td&&input type=&checkbox&/&&/td&
&td&姓名&/td&
&td&性别&/td&
&td&卡号&/td&
&td&会员级别&/td&
&td&电话号码&/td&
&td&出生年月日&/td&
&td&消费金额&/td&
&td&&&/td&
&tr bgcolor=&#FAF3E9&&
&td&&input
type=&checkbox&/&&/td&
&td&张三&/td&
&td&男&/td&
&td&1321&/td&
&td&短工&/td&
&td&10,000.00&/td&
class='add' src=&images/add.jpg& /&
&img class='del' src=&images/del.jpg& /&
&tr class=&ll& bgcolor=&#FEFAF7&&
&td&&input
type=&checkbox&/&&/td&
&td&张三&/td&
&td&男&/td&
&td&1321&/td&
&td&短工&/td&
&td&10,000.00&/td&
class='add' src=&images/add.jpg& /&
&img class='del' src=&images/del.jpg& /&
&tr bgcolor=&#FAF3E9&&
&td&&input
type=&checkbox&/&&/td&
&td&张三&/td&
&td&男&/td&
&td&1321&/td&
&td&短工&/td&
&td&10,000.00&/td&
class='add' src=&images/add.jpg& /&
&img class='del' src=&images/del.jpg& /&
&a href=&#& class='newone'&新增&/a&
大神们帮帮忙吧！
怎么样1.当选中一行时，点击删除才删除。
2.当我选中姓名前面的复选框时，则选中全部的复选框。
3.为什么当我用
var $newPro=$(&tr.ll&）.html()；添加时，一直会向左边添加。
回复讨论(解决方案)
&style type=&text/css& &*{font-size:12}tr{text-align:height:40}&/style&&script type=&text/javascript&& $(function(){
//全选 $(&#allselect&).click(function(){ $(&table :checkbox&).prop(&checked&,$(this).prop(&checked&)); });
//删除数据 $(&table&).on(&click&,&.del&,function(){ $(&table :checkbox:checked&).closest(&tr&).remove(); }); //新添数据 $(&.newone&).click(function(){ //创建一个新的节点 var $newPro=$(&&tr
bgcolor='#FAF3E9'&&td&&input type='checkbox'/&&/td&&td&刘家义&/td&&td&男&/td&&td&1321&/td&&td&钻石&/td&&td&&/td&&td&&/td& &td&100000&/td&&td&&img
class='add' src='images/add.jpg' /& &img class='del' src='images/del.jpg' /&&/td&&/tr&&)
$(&table&).append($newPro); }); });&/script&&/head&&body&&table width=&800& border=&0& cellspacing=&0& cellpadding=&0&&
&tr bgcolor=&#EBE7DC&&
&td&&input id=&allselect& type=&checkbox&/&&/td&
&td&姓名&/td&
&td&性别&/td&
&td&卡号&/td&
&td&会员级别&/td&
&td&电话号码&/td&
&td&出生年月日&/td&
&td&消费金额&/td&
&td&&&/td&
&tr bgcolor=&#FAF3E9&&
&td&&input
type=&checkbox&/&&/td&
&td&张三&/td&
&td&男&/td&
&td&1321&/td&
&td&短工&/td&
&td&10,000.00&/td&
class='add' src=&images/add.jpg& /&
&img class='del' src=&images/del.jpg& /&
&tr class=&ll& bgcolor=&#FEFAF7&&
&td&&input
type=&checkbox&/&&/td&
&td&张三&/td&
&td&男&/td&
&td&1321&/td&
&td&短工&/td&
&td&10,000.00&/td&
class='add' src=&images/add.jpg& /&
&img class='del' src=&images/del.jpg& /&
&tr bgcolor=&#FAF3E9&&
&td&&input
type=&checkbox&/&&/td&
&td&张三&/td&
&td&男&/td&
&td&1321&/td&
&td&短工&/td&
&td&10,000.00&/td&
class='add' src=&images/add.jpg& /&
&img class='del' src=&images/del.jpg& /&
&/tr&&/table&&a href=&#& class='newone'&新增&/a&
请问，哪个添加只能这么写吗？不可以直接提取本身表格的数据吗？
请问，哪个添加只能这么写吗？不可以直接提取本身表格的数据吗？
添加功能你想怎么做？
就是用var $newPro=$(&tr.ll&）.html()；
直接去获取已经存在的表格信息，但是这样获取，他会一直向左浮动。
就是用var $newPro=$(&tr.ll&）.html()；
直接去获取已经存在的表格信息，但是这样获取，他会一直向左浮动。
var $newPro=&&tr&&+$(&tr.ll&).html()+&&/tr&&;
删除不应该把第一段也删了吧共3篇713点赞收藏分享：.&猜你喜欢12345678910
PHP中文网：独家原创，永久免费的在线，php技术学习阵地！Copyright
All Rights Reserved | 皖B2-QQ群:关注微信公众号拒绝访问 | www. | 百度云加速
请打开cookies.
此网站 (www.) 的管理员禁止了您的访问。原因是您的访问包含了非浏览器特征(db4370-ua98).
重新安装浏览器，或使用别的浏览器php怎么补齐从网页上获取的全部链接并去除无效链接？ - 知乎1被浏览59分享邀请回答还没有回答php 分页、全选、反选、全不选、批量删除
&* 用户管理
include &isLogin.php&;&
include &../conn/conn.php&;&
$sql=&select * from user&;&
$rst=_query($sql);&
$totalnum=mysql_num_rows($rst);&
$pagesize=5;&
$page=$_GET['page'];&
if($page==''){&
&&& $page=1;&
$begin=($page-1)*$&
$pagecount=ceil($totalnum/$pagesize);&
&&& &head&&
&&&&&&& &meta http-equiv=&Content-Type& content=&text/ charset=gb2312& /&&
&&&&&&& &title&无标题文档&/title&&
&&&&&&& &meta name=&Author& content=&kcj& /&&
&&&&&&& &meta name=&Keywords& content=&php,kcj& /&&
&&&&&&& &link rel=&stylesheet& type=&text/css& href=&style/lampcms.css&&&
&&&&&&& &script src=&javascript/common0.js&&&/script&&
&&&&&&& &script type=&text/javascript&&&
&&&&&&&&& var checkall=document.getElementsByName(&dell[]&);&
&&&&&&&&&&& function select(){&&&&&&&&&&&&&&&&&&&&&&&&& //全选&&
&&&&&&&&&&&&&&& for(var $i=0;$i&checkall.$i++){&
&&&&&&&&&&&&&&&&&&& checkall[$i].checked=&
&&&&&&&&&&&&&&& }&
&&&&&&&&&&& }&
&&&&&&&&&&& function fanselect(){&&&&&&&&&&&&&&&&&&&&&&& //反选&&
&&&&&&&&&&&&&&& for(var $i=0;$i&checkall.$i++){&
&&&&&&&&&&&&&&&&&&& if(checkall[$i].checked){&
&&&&&&&&&&&&&&&&&&&&&&& checkall[$i].checked=&
&&&&&&&&&&&&&&&&&&& }else{&
&&&&&&&&&&&&&&&&&&&&&&& checkall[$i].checked=&
&&&&&&&&&&&&&&&&&&& }&
&&&&&&&&&&&&&&& }&
&&&&&&&&&&& }&&&&&&&&&&
&&&&&&&&&&& function noselect(){&&&&&&&&&&&&&&&&&&&&&&&&& //全不选&&
&&&&&&&&&&&&&&& for(var $i=0;$i&checkall.$i++){&
&&&&&&&&&&&&&&&&&&& checkall[$i].checked=&
&&&&&&&&&&&&&&& }&
&&&&&&&&&&& }&
&&&&&&& &/script&&
&&& &/head&&
&&& &body&&
&&&&&&& &div id=&main&&&
&&&&&&&&&&& 后台管理-&管理用户&
&&&&&&&&&&& &form& method=&post& action=&& onsubmit=&return confirm('你确定要删除选中项吗?')&& &&
&&&&&&&&&&& &div class=&msg-box&&&
&&&&&&&&&&&&&&& &ul class=&viewmess&&&
&&&&&&&&&&&&&&&&&&& &li class=&dark-row&&&
&&&&&&&&&&&&&&&&&&&&&&& &span class=&list_width width_font&&用户名&/span&&
&&&&&&&&&&&&&&&&&&&&&&& &span class=&list_width width_font& style=&width:200px&&备注名&/span&&
&&&&&&&&&&&&&&&&&&&&&&& &span class=&list_width width_font&&注册时间&/span&&
&&&&&&&&&&&&&&&&&&&&&&& &span class=&list_width width_font&&操& 作&/span&&
&&&&&&&&&&&&&&&&&&& &/li&&
&&&&&&&&&&&&&&&&&&&&&&&& &?php&
&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&& if(isset($_POST['dell'])){&&&&&& //批量删除&&
&&&&&&&&&&&&&&&&&&&&&&&&&&& $ids=$_POST['dell'];&
&&&&&&&&&&&&&&&&&&&&&&&&&&& $ids=implode(&,&, $ids);&& //implode函数 把数组元素组合为一个字符串。&&
&&&&&&&&&&&&&&&&&&&&&&&&&&& $sql=&delete from user where id in ($ids)&;&
&&&&&&&&&&&&&&&&&&&&&&&&&&& mysql_query($sql);&
&&&&&&&&&&&&&&&&&&&&&&&& }&
&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&& if(isset($_GET['del'])){&
&&&&&&&&&&&&&&&&&&&&&&&&&&& $id=$_GET['del'];&
&&&&&&&&&&&&&&&&&&&&&&&&&&& $sql=&delete from user where id=&.$&
&&&&&&&&&&&&&&&&&&&&&&&&&&& mysql_query($sql);&
&&&&&&&&&&&&&&&&&&&&&&&& }&
&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&& $sql=&select * from user order by id limit $begin,$pagesize&;&
&&&&&&&&&&&&&&&&&&&&&&&& $rst=mysql_query($sql);&
&&&&&&&&&&&&&&&&&&&&&&&& while ($row=mysql_fetch_array($rst)){&
&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&& ?&&
&&&&&&&&&&&&&&&&&&&&&&& &li class=&light-row& style=&padding-top:2 padding-bottom:2px&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&& &span class=&list_width& style=&width:200px&&&?php if($row['id']!=1){?&&input type=&checkbox& name=&dell[]&& value=&&?php echo $row['id']?&&&&& &?php }?&&
&&&&&&&&&&&&&&&&&&&&&&&&&&& &?php echo $row['username']?&&/span&&
&&&&&&&&&&&&&&&&&&&&&&&&&&& &span class=&list_width&&&?php echo $row['rname']?&&/span&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&& &span class=&list_width&&&?php echo substr($row['ctime'],0,10)?&&/span&&
&&&&&&&&&&&&&&&&&&&&&&&&&&& &span class=&list_width& style=&width:160&&&
&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&& 【&a href=&editUser.php?edit=&?php echo $row['id']?&&&修改&/a&】&
&&&&&&&&&&&&&&&&&&&&&&&&& &?php if($row['id']!=1){?&&
&&&&&&&&&&&&&&&&&&&&&&&&&&& 【&a onclick=&return confirm('确定要删除用户&?php echo $row['username']?&吗？')& href=&listUser.php?del=&?php echo $row['id']?&&&删除&/a&】&
&&&&&&&&&&&&&&&&&&&&&&&&&&& &?php&
&&&&&&&&&&&&&&&&&&&&&&&& }&
&&&&&&&&&&&&&&&&&&&&&&&&&&& ?&&
&&&&&&&&&&&&&&&&&&&&&&&&&&& &/span&&
&&&&&&&&&&&&&&&&&&&&&&& &?php&&
&&&&&&&&&&&&&&&&&&&&&&&& }&
&&&&&&&&&&&&&&&&&&&&&&& ?&&
&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&& &li class=&dark-row&&&
&&&&&&&&&&&&&&&&&&&&&&& &span class=&col_width& style=&margin-left:15width:240px&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&& &a href=&javascript:select()&&全选&/a&/&a href=&javascript:fanselect()&&反选&/a&/&a href=&javascript:noselect()&&全不选&/a&& 选中项:&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&& &input& name=&dels& type=&image& title=&删除& value=&delete& src=&images/delete.gif&&&&&
&&&&&&&&&&&&&&&&&&&&&&&& &/span&&
&&&&&&&&&&&&&&&&&&&&&&& &span class=&right&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&& 共 &b&&?php echo $totalnum?&&/b& 个用户,共&?php echo $?&页&
&&&&&&&&&&&&&&&&&&&&&&&&&&& &a href=&&?php echo $_SERVER['_SELF'].&?page=1&?&&&首页&/a&&
&&&&&&&&&&&&&&&&&&&&&&&&&&& &a href=&&?php echo $_SERVER['PHP_SELF']?&?page=&?php if($page&1) echo $page-1;else echo $page=1;?&&&上一页&/a&&
&&&&&&&&&&&&&&&&&&&&&&&&&&& &?php&
&&&&&&&&&&&&&&&&&&&&&&&&&&& for($i=1;$i&=$$i++){&&& //$i&=$pagecount(必须是&=)&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& echo &&a href=&.$_SERVER['PHP_SELF'].&?page=$i&.&&[&.$i.&]&/a&&;&
&&&&&&&&&&&&&&&&&&&&&&&&&&& }&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&& ?&&
&&&&&&&&&&&&&&&&&&&&&&&&&&& &a href=&&?php echo $_SERVER['PHP_SELF']?&?page=&?PHP if($page&$pagecount-1) echo $page+1; else echo $?&&&下一页&/a&&
&&&&&&&&&&&&&&&&&&&&&&&&&&& &a href=&&?php echo $_SERVER['PHP_SELF'].&?page={$pagecount}&?&&&尾页&/a&&
&&&&&&&&&&&&&&&&&&&&&&& &/span&&
&&&&&&&&&&&&&&&&&&& &/li&&
&&&&&&&&&&&&&&& &/ul&&&
&&&&&&&&&&& &/div&&
&&&&&&&&&&&&&&&&&&& &/form&&
&&&&&&& &/div&&
&&& &/body&&
&* 用户管理
include &isLogin.php&;
include &../conn/conn.php&;
$sql=&select * from user&;
$rst=mysql_query($sql);
$totalnum=mysql_num_rows($rst);
$pagesize=5;
$page=$_GET['page'];
if($page==''){
$begin=($page-1)*$
$pagecount=ceil($totalnum/$pagesize);
&&&meta http-equiv=&Content-Type& content=&text/ charset=gb2312& /&
&&&title&无标题文档&/title&
&&&meta name=&Author& content=&kcj& /&
&&&meta name=&Keywords& content=&php,kcj& /&
&&&link rel=&stylesheet& type=&text/css& href=&style/lampcms.css&&
&&&script src=&javascript/common0.js&&&/script&
&&&script type=&text/javascript&&
&&& var checkall=document.getElementsByName(&dell[]&);
&&&&& function select(){&&&&&&&&&&&&&&&&&&&&&&&&& //全选
&&&&& &for(var $i=0;$i&checkall.$i++){
&&&&& &&checkall[$i].checked=
&&&&& function fanselect(){&&&&&&&&&&&&&&&&&&&&&&& //反选
&&&&& &for(var $i=0;$i&checkall.$i++){
&&&&& &&if(checkall[$i].checked){
&&&&& &&&checkall[$i].checked=
&&&&& &&}else{
&&&&& &&&checkall[$i].checked=
&&&&& }&&&&&&&&
&&&&& function noselect(){&&&&&&&&&&&&&&&&&&&&&&&&& //全不选
&&&&& &for(var $i=0;$i&checkall.$i++){
&&&&& &&checkall[$i].checked=
&&&/script&
&&&div id=&main&&
&&&&& 后台管理-&管理用户
&&&&& &form& method=&post& action=&& onsubmit=&return confirm('你确定要删除选中项吗?')&& &
&&&&div class=&msg-box&&
&&&&&ul class=&viewmess&&
&&&&&&li class=&dark-row&&
&&&&&&&span class=&list_width width_font&&用户名&/span&
&&&&&&&span class=&list_width width_font& style=&width:200px&&备注名&/span&
&&&&&&&span class=&list_width width_font&&注册时间&/span&
&&&&&&&span class=&list_width width_font&&操& 作&/span&
&&&&&&/li&
&&&&&&&&&&&& &?php
&&&&&&&&&&&&
&&&&&&&&&&&& if(isset($_POST['dell'])){&&&&&& //批量删除
&&&&&&&&&&&&&&& $ids=$_POST['dell'];
&&&&&&&&&&&& &$ids=implode(&,&, $ids);&& //implode函数 把数组元素组合为一个字符串。
&&&&&&&&&&&& &$sql=&delete from user where id in ($ids)&;
&&&&&&&&&&&& &mysql_query($sql);
&&&&&&&&&&&& }
&&&&&&&&&&&&
&&&&&&&&&&&& if(isset($_GET['del'])){
&&&&&&&&&&&& &$id=$_GET['del'];
&&&&&&&&&&&& &$sql=&delete from user where id=&.$
&&&&&&&&&&&& &mysql_query($sql);
&&&&&&&&&&&& }
&&&&&&&&&&&&
&&&&&&&&&&&&
&&&&&&&&&&&& $sql=&select * from user order by id limit $begin,$pagesize&;
&&&&&&&&&&&& $rst=mysql_query($sql);
&&&&&&&&&&&& while ($row=mysql_fetch_array($rst)){
&&&&&&&&&&&&
&&&&&&&&&&&& ?&
&&&&&&&li class=&light-row& style=&padding-top:2 padding-bottom:2px&&
&&&&&&span class=&list_width& style=&width:200px&&&?php if($row['id']!=1){?&&input type=&checkbox& name=&dell[]&& value=&&?php echo $row['id']?&&&&&?php }?&
&&&&&&&&?php echo $row['username']?&&/span&
&&&&&&&&span class=&list_width&&&?php echo $row['rname']?&&/span&
&&&&&&&&&&&&&&&& &span class=&list_width&&&?php echo substr($row['ctime'],0,10)?&&/span&
&&&&&&&&span class=&list_width& style=&width:160&&
&&&&&&&【&a href=&editUser.php?edit=&?php echo $row['id']?&&&修改&/a&】
&&&&&&& &?php if($row['id']!=1){?&
&&&&&&&【&a onclick=&return confirm('确定要删除用户&?php echo $row['username']?&吗？')& href=&listUser.php?del=&?php echo $row['id']?&&&删除&/a&】
&&&&&&&&?php
&&&&&&&&&&&& }
&&&&&&&&/span&
&&&&&&&?php
&&&&&&&&&&&& }
&&&&&&li class=&dark-row&&
&&&&&&&span class=&col_width& style=&margin-left:15width:240px&&
&&&&&&&&a href=&javascript:select()&&全选&/a&/&a href=&javascript:fanselect()&&反选&/a&/&a href=&javascript:noselect()&&全不选&/a&& 选中项:
&&&&&&&&input& name=&dels& type=&image& title=&删除& value=&delete& src=&images/delete.gif&&&
&&&&&& &/span&
&&&&&&&span class=&right&&
&&&&&&&共 &b&&?php echo $totalnum?&&/b& 个用户,共&?php echo $?&页
&&&&&&&&a href=&&?php echo $_SERVER['PHP_SELF'].&?page=1&?&&&首页&/a&
&&&&&&&&a href=&&?php echo $_SERVER['PHP_SELF']?&?page=&?php if($page&1) echo $page-1;else echo $page=1;?&&&上一页&/a&
&&&&&&&&?php
&&&&&&&for($i=1;$i&=$$i++){&&& //$i&=$pagecount(必须是&=)
&&&&&&&&echo &&a href=&.$_SERVER['PHP_SELF'].&?page=$i&.&&[&.$i.&]&/a&&;
&&&&&&&&a href=&&?php echo $_SERVER['PHP_SELF']?&?page=&?PHP if($page&$pagecount-1) echo $page+1; else echo $?&&& 下一页&/a&
&&&&&&&&a href=&&?php echo $_SERVER['PHP_SELF'].&?page={$pagecount}&?&&&尾页&/a&
&&&&&&&/span&
&&&&&&/li&
&&&&&/ul&&
&&&&&&&&&&&&&&&&&&& &/form&
&/html&[php] //&strong&&span style=&font-size:18&&如果大家有什么不明白，可以留下你的疑问，我将尽快给予回复！&/span&&/strong&&
摘自 chaojie2009的专栏