table获取checkbox是否选中的几种方法
function test() {
$(".table tbody tr").find("td:first input:checkbox").each(function () {
var ischecked = $(this).prop("checked");
alert(ischecked);
});
$(".table input:checkbox").each(function () {
if ($(this).attr("checked") == true) {
alert($("table input:checkbox").index(this))
}
});
$(".table tr td:eq(0)").each(function () {
$(this).find("input[type=checkbox]").prop("checked", "checked");
});
var data = [];
$(".table tbody tr").find(":checkbox:checked").each(function () {
var val = $(this).parent().next().text();
data.push(val);
alert(val);
});
alert(data);
}
function ck() {
////正确 1
var tbodyObj = document.getElementById('tbodydata');
$("table :checkbox").each(function (key, value)
{
if ($(value).prop('checked'))
{
alert(tbodyObj.rows[key].cells[1].innerHTML);
alert(tbodyObj.rows[key].cells[2].innerHTML);
}
})
//获取选中的数据组 案例
var array = $(".table tbody input[type=checkbox]:checked").map(function () {
return { "cell2": $.trim($(this).closest("tr").find("td:eq(2)").text()), "cell4": $.trim($(this).closest("tr").find("td:eq(4)").text()) };
}).get();
$.each(array, function (i, d) { alert(d.cell2 + "|" + d.cell4); })
//$.each(array, function (i, d) { alert(d.cell2 + "|" + d.cell4); })
//获取选中的数据组 测试组装值是否正确
var array = $(".table tbody input[type=checkbox]:checked").map(function () {
alert($.trim($(this).closest("tr").find("td:eq(1)").text()));
alert($.trim($(this).closest("tr").find("td:eq(2)").text()));
alert($.trim($(this).closest("tr").find("td:eq(3)").text()));
alert($.trim($(this).closest("tr").find("td:eq(2)").text()));
//return { "cell2": $.trim($(this).closest("tr").find("td:eq(2)").text()), "cell4": $.trim($(this).closest("tr").find("td:eq(4)").text()) };
}).get();
///把取出来的的值放入数组
var array = $(".table tbody input[type=checkbox]:checked").map(function () {
return {
"code": $.trim($(this).closest("tr").find("td:eq(2)").text()),
"name": $.trim($(this).closest("tr").find("td:eq(4)").text())
};
}).get();
$.each(array, function (i, d) { alert(d.code + "|" + d.name); })
}
function test2() {
var selectedData = [];
$(":checkbox:checked").each(function () {
var tablerow = $(this).parent("tr");
var code = tablerow.find("[name='p_code']").val();
var name = tablerow.find("[name='p_name']").val();
var price = tablerow.find("[name='p_price']").val();
selectedData.push({ Code: code, Name: name, Price: price });
});
var selectedData2 = [];
$(":checkbox:checked").each(function () {
var tablerow = $(this).parent("tr");
var code = tablerow.find("[name='p_code']").val();
var name = tablerow.find("[name='p_name']").val();
var price = tablerow.find("[name='p_price']").val();
selectedData2.push({ Code: code, Name: name, Price: price });
});
var selectedData3 = [];
$(":checkbox:checked", ".table").each(function () {
var tablerow = $(this).parent("tr");
var code = tablerow.find("[name='p_code']").val();
var name = tablerow.find("[name='p_name']").val();
var price = tablerow.find("[name='p_price']").val();
selectedData3.push({ Code: code, Name: name, Price: price });
});
}
table获取checkbox是否选中的几种方法的更多相关文章
- jQuery判断checkbox是否选中的4种方法
方法一: ).checked) { // do something } 方法二: if($('#checkbox-id').is(':checked')) { // do something } 方法 ...
- jQuery判断checkbox是否选中的3种方法
方法一:if ($("#checkbox-id")get(0).checked) { // do something} 方法二:if($('#checkbox-id').is ...
- [jQuery]判断checkbox是否选中的3种方法
方法一: if ($("#checkbox-id")get(0).checked) { // do something } 方法二: if($('#checkbox-id').is ...
- (转载)jQuery判断checkbox是否选中的3种方法(个人用第二种方法)
方法一: if ($("#checkbox-id")get(0).checked) { // do something } 方法二: if($('#checkbox-id' ...
- checkbox判断选中的三种方法
方法一: if ($("#checkbox-id")get(0).checked) { // do something } 方法二: if($('#checkbox-id' ...
- MYSQL获取自增ID的四种方法
MYSQL获取自增ID的四种方法 1. select max(id) from tablename 2.SELECT LAST_INSERT_ID() 函数 LAST_INSERT_ID 是与tabl ...
- Knockout获取数组元素索引的2种方法,在MVC中实现
原文:Knockout获取数组元素索引的2种方法,在MVC中实现 在遍历数组.集合的时候,通常要获取元素的索引,本篇体验使用Knockout获取索引的2种方法. 假设有这样的一个模型: namespa ...
- YSQL获取自增ID的四种方法(转发)
YSQL获取自增ID的四种方法(转发) 1. select max(id) from tablename 2.SELECT LAST_INSERT_ID() 函数 LAST_INSERT_ID 是与t ...
- DBS-MySQL:MYSQL获取自增ID的四种方法
ylbtech-DBS-MySQL:MYSQL获取自增ID的四种方法 1.返回顶部 1. 1. select max(id) from tablename 2.SELECT LAST_INSERT_I ...
随机推荐
- ngx_lua学习笔记 -- capture + proxy 实现httpclient
题注 最近我在学习nginx的lua插件,发现结合nginx的异步io和lua的流程控制能力,还是有很丰富的想象空间的:几乎所有常见的http请求的处理逻辑都能搞定,诸如查查数据库,访问一下memca ...
- iOS - App 应用
1.Xcode 项目属性 Product Name 软件名称.产品名称.项目名称 Organization Name 公司名称.组织名称 Organization Identifier 公司的唯一标识 ...
- RabbitMQ概念及环境搭建(三)RabbitMQ cluster
测试环境:VMS00781 VMS00782 VMS00386 (centos5.8) 1.先在三台机器上分别安装RabbitMQ Server 2.读取其中一个节点的cookie,并复制到其他节点( ...
- JMeter学习笔记--JMeter常用测试元件
JMeter测试计划有一个被称为“函数测试模式”的选项,如果被选择,它会使Jmeter记录来自服务器返回的每个取样的数据.如果你在测试监听器中选择一个文件,这个数据将被写入文件.如果你尝试一个较小的测 ...
- Win32:引用头文件
1.首先,在代码文件头部使用#include来包含任何头文件(扩展名为.h或者.hpp的文件)都不会“产生”额外的函数. 我们可以说,包含一个头文件之后,该头文件内部已经定义的一些变量,宏,函数等等资 ...
- CodeForces 445B. DZY Loves Chemistry(并查集)
转载请注明出处:http://blog.csdn.net/u012860063?viewmode=contents 题目链接:http://codeforces.com/problemset/prob ...
- 山东大学硕士/博士研究生毕业论文--Latex模板
山东大学硕士/博士研究生毕业论文Latex模板 模板下载地址: https://github.com/Tsingke/SDU_thesis_template_for_postgraduate 封皮预 ...
- 使用dockerfile 构建springboot 的docker镜像
1 新建一个 springboot 项目,并将其打包成 jar 文件.生成demo1.jar 文件 请参考 使用springBoot搭建REATFul风格的web demo 2 编写 dockerfi ...
- Android开发4——文件操作模式
一.基本概念 // 上下文对象private Context context; public FileService(Context context){ super(); this.context = ...
- ubuntu下gcc-avr安装
ubuntu下研究arduino时发现,原来可以不用arduino IDE开发,linux下还有gcc-avr直接开发avr系列的控制器. 于是,迫不及待的查看了下相关资料,总结一下安装gcc-avr ...