表格的增加,删除,和全选。_html/css_WEB-ITnose

<script type="text/javascript" src="./js/jquery-1.8.3.min.js" ></script>
<style type="text/css" >
*{
font-size:12px;
}
tr{
text-align:center;
height:40px;
}

</style>
<script type="text/javascript">
$(function(){
//全选

//删除数据
$(".del").click(function(){
$("tr").remove();
});
//新添数据
$(".newone").click(function(){
//创建一个新的节点
var $newPro=$("刘家义男6565654315321321钻石155759380431997-4-26 100000 ")

$("table").append($newPro);
});
});

</script>

<body>















































姓名 性别 卡号 会员级别 电话号码 出生年月日 消费金额
张三 6565654315321321 短工 18625455412 1995-12-09 10,000.00


张三 6565654315321321 短工 18625455412 1995-12-09 10,000.00


张三 6565654315321321 短工 18625455412 1995-12-09 10,000.00



新增

大神们帮帮忙吧!
怎么样1.当选中一行时,点击删除才删除。
2.当我选中姓名前面的复选框时,则选中全部的复选框。
3.为什么当我用 var $newPro=$("tr.ll").html();添加时,一直会向左边添加。


回复讨论(解决方案)

<style type="text/css" >*{font-size:12px;}tr{text-align:center;height:40px;}</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=$("刘家义男6565654315321321钻石155759380431997-4-26 100000 ")  $("table").append($newPro); }); });</script><body>
姓名 性别 卡号 会员级别 电话号码 出生年月日 消费金额
张三 6565654315321321 短工 18625455412 1995-12-09 10,000.00
张三 6565654315321321 短工 18625455412 1995-12-09 10,000.00
张三 6565654315321321 短工 18625455412 1995-12-09 10,000.00
新增

请问,哪个添加只能这么写吗?不可以直接提取本身表格的数据吗?

请问,哪个添加只能这么写吗?不可以直接提取本身表格的数据吗?


添加功能你想怎么做?

就是用var $newPro=$("tr.ll").html();
直接去获取已经存在的表格信息,但是这样获取,他会一直向左浮动。

就是用var $newPro=$("tr.ll").html();
直接去获取已经存在的表格信息,但是这样获取,他会一直向左浮动。


var $newPro=""+$("tr.ll").html()+"";

删除不应该把第一段也删了吧

郑重声明:本文版权包含图片归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们(delete@yzlfxy.com)修改或删除,多谢。

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

留言与评论(共有 0 条评论)
昵称:
匿名发表
   
验证码: