头像

PHP+jQuery+Ajax弹出无刷新分页层并保存多选框选中数据

来源:http://school.sxbd100.com/page/155.html 代码交流管理员 2017-03-24浏览(1383)

这是后台经常用到的ajax分页效果,首先打开订单列表弹出层,然后选择多选款,点击分页也可保留刚才选中的数据,最后点击保存按钮

程序员,你不是一个人;网站开发QQ群:136483411  在线充值,或联系QQ 304534221直接充值

PHP+jQuery+Ajax弹出无刷新分页层并保存多选框选中数据
分类:首页>>PHP/Mysql>>分页 阅读次数:1384
查看演示 下载次数: 91

手机扫码访问:

下载资源 下载积分: 50

  这是后台经常用到的ajax分页效果,首先打开订单列表弹出层,然后选择多选款,点击分页也可保留刚才选中的数据,最后点击保存按钮,以Ajax形式提交到数据库中去。提示:弹出层用的bootstrap的nodal方法,已经封装在jquery.js中。

  绑定单选按钮、全选按钮和切换分页数据

$("#windown_box").delegate(".checkbox_one", "click", function() { //绑定单选按钮 

    isCheckAll(); 

    getOrderIdsChose(); 

}).delegate(".checkbox_all", "click", function() { //绑定全选按钮 

    var checked = $(this).attr("checked"); 

    if (checked == "checked") { 

        $(".checkbox_one").attr("checked", "checked"); 

    } else { 

        $(".checkbox_one").removeAttr("checked"); 

    } 

    getOrderIdsChose(); 

}).delegate(".page a", "click", function() { //绑定分页切换对应的数据 

    var page = parseInt($(this).attr("data-page")); 

    getPage(page); 

})

  数据库信息

CREATE TABLE IF NOT EXISTS `js` (

  `id` int(11) NOT NULL,

  `name` varchar(150) NOT NULL,

  `addtime` int(10) NOT NULL

) ENGINE=MyISAM AUTO_INCREMENT=0 DEFAULT CHARSET=utf8;


声明:本文为原创文章,如需转载,请注明来源school.sxbd100.com并保留原文链接:http://school.sxbd100.com/page/155.html
如果您觉得本文的内容对您的学习有所帮助,您可以扫描下面的二维码请我喝杯茶,感谢!
alipay转账 alipay转账 扫扫加qq群

评论(0)


温馨提示:为规范评论内容,垃圾评论一律封号...

后面还有条评论,点击查看>>