js和jQuery实现获取id和点击checkbox全选功能
2016-01-27 11:21
931 查看
/*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:其实我自己的实力我自己了解,我只是一个小小搬运工
,把有用的东西搬过来用,但上面很多的功能还是自己做出来的
有用的大家就拿去用吧,一起加油!
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:其实我自己的实力我自己了解,我只是一个小小搬运工
,把有用的东西搬过来用,但上面很多的功能还是自己做出来的
有用的大家就拿去用吧,一起加油!
相关文章推荐
- 《锋利的JQuery》读书笔记(一)
- jQuery+css实现的切换图片功能代码
- jQuery+css实现的换页标签栏效果
- jquery实现折叠式(手拉风琴)菜单
- obj.offsetHeight与obj.style.height区别
- jQuery -- label赋值
- 20160127--Jquery的ajax与post使用
- jQuery实例之实现滚动广告的功能
- jQuery Easyui学习之datagrid 动态添加、移除editor
- jQuery学习之旅10 ajax快餐
- jQuery学习之旅 9 动画效果
- getUrlParam,jQuery中的URL参数获取
- jQuery插件开发精品教程让你的jQuery提升一个台阶
- jQuery学习之旅 8 DOM事件操作
- jQuery学习之旅 7 区别this和$(this)
- jQuery学习之旅 6 好用的each()
- jQuery学习之旅 5 $与jQuery对象
- jQuery学习之旅 4 细说DOM操作
- jquery中Live方法不可用,Jquery中Live方法失效
- jQuery placeholder插件 让IE也能够支持placeholder属性