JQuery 全选 反选 获取Table 中指定td的元素值
//全选
function initTableCheckbox() {
var $thr = $('table thead tr');
var $checkAllTh = $('<th><input type="checkbox" id="checkAll" name="checkAll" /></th>');
/*将全选/反选复选框添加到表头最前,即增加一列*/
$thr.prepend($checkAllTh);
/*“全选/反选”复选框*/
var $checkAll = $thr.find('input');
$checkAll.click(function(event){
/*将所有行的选中状态设成全选框的选中状态*/
$tbr.find('input').prop('checked',$(this).prop('checked'));
/*并调整所有选中行的CSS样式*/
if ($(this).prop('checked')) {
$tbr.find('input').parent().parent().addClass('warning');
} else{
$tbr.find('input').parent().parent().removeClass('warning');
}
/*阻止向上冒泡,以防再次触发点击操作*/
event.stopPropagation();
});
/*点击全选框所在单元格时也触发全选框的点击操作*/
$checkAllTh.click(function(){
$(this).find('input').click();
});
var $tbr = $('table tbody tr');
var $checkItemTd = $('<td><input type="checkbox" name="checktb" /></td>');
/*每一行都在最前面插入一个选中复选框的单元格*/
$tbr.prepend($checkItemTd);
/*点击每一行的选中复选框时*/
$tbr.find('input').click(function(event){
/*调整选中行的CSS样式*/
$(this).parent().parent().toggleClass('warning');
/*如果已经被选中行的行数等于表格的数据行数,将全选框设为选中状态,否则设为未选中状态*/
$checkAll.prop('checked',$tbr.find('input:checked').length == $tbr.length ? true : false);
/*阻止向上冒泡,以防再次触发点击操作*/
event.stopPropagation();
});
/*点击每一行时也触发该行的选中操作*/
$tbr.click(function(){
$(this).find('input').click();
});
}
initTableCheckbox();
全选反选
if ($("[name='checktb']:checked").length == 0)
alert("请先选择一个采购订单!");
$("input[name='checktb']:checked").each(function () {
var trs = $(this).parents("tr");
var order = trs[0].cells[2].firstElementChild.text;
orders += order + ",";
循环获取选中项的 第三个单元格内容
if ($("#chkTimeout").prop("checked") == true)
{
pubT = true;
}else
{
pubT= false;
}
//判断某个框是否被选中
$(function () {
$(".loading_box").hide();
//跳转
$("#btnContinue").click(function () {
window.location.href =URL.YearPersonalIndex;
});
//提交
$("#btnSubmit").click(function () {
if ($("#txtAssetCode").val() == "") {
alert("请输入资产序列号");
return false;
}
if ($("#txtAssetCode").val().length != 12) {
alert("请输入12位数的资产序列号");
return false;
}
$(".loading_box").show();
$.ajax({
url: URL.PersonalSubmit,
type: 'Post',
dataType: "json",
data: { code: $("#txtAssetCode").val() },
success: function (data) {
if (data.suc == 2) {
window.location.href = URL.YearPersonalAdd + "/?code=" + data.AsCode;
} else if (data.suc == 1) {
alert("盘点成功");
$("#txtAssetCode").val("");
}
else {
alert(data.msg);
$("#txtAssetCode").val("");
}
$(".loading_box").hide();
},
error: function () {
$(".loading_box").hide();
alert("目前网络不畅通,请稍后再试!");
}
});
});
//盘盈补录
$("#formYearDetail").submit(function () {
if ($("#txtAssetCode").val() == "") {
alert("请输入资产序列号");
return false;
}
var reg = /^[0-9]+$/;
if (!reg.test($("#txtAssetCode").val()))
{
alert("资产序列号只能为数字");
$("#txtAssetCode").val("");
return false;
}
if ($("#txtAssetCode").val().length != 12) {
alert("请输入12位数的资产序列号");
return false;
}
if ($("#txtAssetName").val() == "") {
alert("请输入设备名称");
return false;
}
if ($("#txtAssetName").val().length > 50) {
alert("设备名称不能超过50个字");
$("#txtAssetName").val("");
return false;
}
if ($("#txtSN").val().length > 30) {
alert("SN不能超过30个字");
$("#txtSN").val("");
return false;
}
if ($("#txtBrand").val().length > 50) {
alert("品牌不能超过50个字");
$("#txtBrand").val("");
return false;
}
if ($("#txtModel").val().length > 50) {
alert("型号不能超过50个字");
$("#txtModel").val("");
return false;
}
if ($("#txtMark").val().length > 50) {
alert("备注不能超过50个字");
$("#txtMark").val("");
return false;
}
$(".loading_box").show();
var params = { AssetCode: $("#txtAssetCode").val(), AssetName: $("#txtAssetName").val(),SN:$("#txtSN").val(),AssetBrand:$("#txtBrand").val(),AssetModel:$("#txtModel").val(),Remark:$("#txtMark").val() }
var url = URL.PersonalAddSubmit;
$.ajax({
url: url,
type: 'POST',
dataType: "json",
data: params,
success: function (d)
{
if (d.suc == 1)
{
$(".loading_box").hide();
alert(d.msg);
window.location.href = URL.YearPersonalIndex;
}else
{
alert(d.msg);
}
$(".loading_box").hide();
},
error: function () {
$(".loading_box").hide();
alert("目前网络不畅通,请稍后再试!");
}
});
});
});
Jquery Ajax Post
JQuery 全选 反选 获取Table 中指定td的元素值的更多相关文章
- 用JavaScript,获取Table中指定的行、列
前言: 先要谢谢George Wing的慷慨赠书<悟透JavaScript>,让我更加感受到了技术交流的重要性,呵呵~ 进入正题,面试题中有一题:如何通过JavaScript获取Table ...
- JavaScript实现获取table中某一列的值
JavaScript实现获取table中某一列的值 1.实现源代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional/ ...
- JavaScript获取table中某一列的值的方法
1.实现源码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www. ...
- jQuery全选反选实例
1. $('#tb:checkbox').each(function(){ 每次都会执行 全选-取消操作,注意$('#tb :checkbox').prop('checked',true); tb后面 ...
- 关于JQuery全选/反选第二次失效的问题
最近在项目中,遇到一个问题,测试全选/反选功能时,第一次对母框进行选中/非选中时,能同步子框的全选/反选状态,之后再点击母框,子框就没反应了.原代码大致结构关键如下: function selectA ...
- 全选,反选,获取值ajax提交
//必须先加载jquery //加载 弹出框插件 artdialog http://www.planeart.cn/demo/artDialog/ /****全选反选*开始**/ $(document ...
- jQuery全选反选插件
(function($){ $.fn.check = function(options){ var options = $.extend({ element : "input[name='n ...
- jquery全选 反选
//全选 反选 $('#chkAll').on('click',function(){ $('input.chkbox').prop('checked',$(this).prop('checked') ...
- jQuery全选/反选checkbox
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
随机推荐
- python面试题之什么是Tkinter ?
TKinter是一款很知名的Python库,用它我们可以制作图形用户界面.其支持不同的GUI工具和窗口构件,比如按钮.标签.文本框等等.这些工具和构件均有不同的属性,比如维度.颜色.字体等. > ...
- 重读ORB_SLAM之Tracking线程难点
1. 初始化 当获取第一帧图像与深度图后,首先设置第一帧位姿为4*4单位矩阵,然后为整个map添加关键帧与地图点.且更新地图点与关键帧的联系,例如地图点被哪个关键帧观测到,而此关键帧又包含哪些地图点. ...
- 别再说你不会ElasticSearch调优了,都给你整理好了
ES 发布时带有的默认值,可为 ES 的开箱即用带来很好的体验.全文搜索.高亮.聚合.索引文档 等功能无需用户修改即可使用,当你更清楚的知道你想如何使用 ES 后,你可以作很多的优化以提高你的用例的性 ...
- js高级编程思想
js惰性思想: 能够执行一次就搞定绝对不会执行第二次 function createXHR(){ var xhr=null, falg=false, ary=[ function(){ return ...
- Maven介绍及安装
1.maven是一个管理第三方库的jar package 2.从该页面下载相应的Maven jar包(http://maven.apache.org/download.cgi),linux OS下 ...
- 微信支持的Authorization code授权模式(公众号开发)(开放平台资料中心中的代公众号发起网页授权)
链接:https://blog.csdn.net/ASZJBGD/article/details/82838356 主要流程分为两步: 1.获取code 2.通过code换取accesstoken 流 ...
- 【leetcode】997. Find the Town Judge
题目如下: In a town, there are N people labelled from 1 to N. There is a rumor that one of these people ...
- spring boot 依赖配置
虽然springboot号称是零配置 配置文件确实不需要,但是 依赖还是要有的 <parent> <groupId>org.springframework.boo ...
- 【纪中集训】2019.08.10【省选组】模拟TJ
前言 一套码农题-- T1 Description 给定一棵\(n(\in[2,10^5])\)个点的树,\(m(≤10^5)\)次询问,每次询问有两个不相同的点,要让所有点走到这两个点之一(走一条边 ...
- Android中的ImageView的getDrawableCache获取背景图片的时候注意的问题
获取ImageView的背景图片使用getDrawableCache方法,不要使用getDrawable方法,后者获取不到图片的. 1.在调用imageView.getDrawableCache()之 ...