专注JavaWeb开发 首页制式『默认式 OR 时间轴 网站地图|RSS订阅|设为首页|加入收藏
当前位置:首页 >前端 >jQuery > 正文

Checkbox的选中删除且Ajax返回后清除选择行

作者: admin 发布时间: 2015-04-13 浏览次数:

功能描述:多选框勾选以后(全部或者部分),需要想后台提交已勾选的数据(Ajax传输),并删除所选数据。一行的数据是以table来划分,页面要删除本行!

代码

存放 checkboxIDdeleteIds=[];

存放行table数据trs=[];           

选中的checkbox

$targets=$("input[name='id']:checked");

 

遍历选中的值

$targets.each(function(i,o){

   trs.push($(this).closest("table"));                     deleteIds.push("deleteId="+$(this).val());           

});

 

AjaxURL传递方式

url: "deletes.jhtml?"+deleteIds.join("&"),

 

Ajax返回以后删除选中的行

$(trs).each(function(i,o){

            o.remove();

      });

最后在Ajaxsuccess中需要清空 deleteIds trs 

附全选按钮JS代码:

var $selectAll=$("input.select-all");
 $selectAll.click(function(){
    var $targets=$("input[name='id']");
    if($targets.length>0){
        if(this.checked){
              $selectAll.attr("checked","checked");
              $targets.attr("checked","checked")
        }else{
               $selectAll.removeAttr("checked","checked");
               $targets.removeAttr("checked","checked")
        }
    }
});




QQ群: 武汉地区(142173356)验证消息JavaWeb1024

网友共有【】评论,点击查看



x 微信关注我们 随时获取最新网站资讯