js和jQuery实现获取id和点击checkbox全选功能
来源:互联网 发布:淘宝京东商城汽车模型 编辑:程序博客网 时间:2024/06/06 05:15
/*js实现全选功能*/
function selectAll() {
var checklist = document.getElementsByName("id");if (document.getElementById("controlAll").checked) {
for (var i = 0; i < checklist.length; i++) {
checklist[i].checked = 1;
}
} else {
for (var j = 0; j < checklist.length; j++) {
checklist[j].checked = 0;
}
}
}
var id = "";
/*
这里是获取需要修改的数据的id
*/
var idList = "";
function ck() {
var tbodyObj = document.getElementById('tab');
$("table :checkbox").each(function (key, value) {
if ($(value).prop('checked')) {
if (key >= 1) {
id = tbodyObj.rows[key].cells[1].innerHTML;
idList += id + "|";
}
}
})
}
function btnDelete() {
var r = confirm("你确定要删除这条数据吗?");
if (r == true) {
ck();
var requestDate = {
idList: idList
};
if (idList.length > 0) {
/*这里自己设置ashx文件,相关数据参考jQuery,get请求和方法*/
$.get("../ashx/*****.ashx", requestDate, function (data) {if (data == "ok") {
alert("删除成功!");
parent.location.reload();//刷新框架
}
else {
alert(data);
}
});
}
else {
alert("请选择一行数据!");
}
}
}
页面源码和图片
ps:其实我自己的实力我自己了解,我只是一个小小搬运工,把有用的东西搬过来用,但上面很多的功能还是自己做出来的
有用的大家就拿去用吧,一起加油!
0 0
- js和jQuery实现获取id和点击checkbox全选功能
- JQuery实现checkbox全选和取消全选
- jQuery实现点击全选和取消全选
- jQuery实现点击全选和取消全选
- jQuery实现Checkbox全选功能
- jquery 实现checkbox全选功能
- jQuery实现Checkbox全选功能
- jQuery实现checkbox全选和反选
- jquery实现 checkbox全选和反选
- Jquery实现checkbox全选和反选
- js实现checkbox全选功能
- jquery 实现checkbox全选、取消全选功能
- jquery全选checkbox和获取checkbox、select的值value
- js实现checkbox全选和全不选代码
- js实现checkbox全选和全不选
- jquery实现checkbox全选功能,第二次点击【全选】按钮,页面无法勾选
- js实现简单的checkbox全选和取消全选效果
- JS实现checkbox的全选和取消全选
- iOS 使用Wireshark抓iPhone Socket包
- Microsoft visio 2016免费版 64位/32位
- Django自定义模板过滤器和标签
- 蓝桥杯数字三角形(java)
- 终于解决了:No Session found for current thread
- js和jQuery实现获取id和点击checkbox全选功能
- Oracle中Cursor
- Linux命令之文件处理 -sed
- Hibernate查出集合里面的对象全部为空原因分析
- 存储过程实现基本的增删查改(二)
- 各个数据库的驱动包全名
- 几个字符串相关的题目,来自LeetCode和LintCode
- Java 项目中集成 Protocol Buffers
- Android三种常用动画分享