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 ...
随机推荐
- 【jQuery】jquery-ui autocomplete智能提示
jQuery UI,简而言之,它是一个基于jQuery的前端UI框架.我们可以使用jQuery + jQuery UI非常简单方便地制作出界面美观.功能强大.跨浏览器兼容的前端html界面. Auto ...
- Python学习笔记020——数据库知识概述
数据库概述 1 提供数据库的软件都有哪些 MySQL.SQL_Server.Oracle.DB2.Mariadb.MongoDB ... (1)是否开源 开源软件:MySQL.Mariadb.Mong ...
- python标准库介绍——25 errno 模块详解
==errno 模块== ``errno`` 模块定义了许多的符号错误码, 比如 ``ENOENT`` ("没有该目录入口") 以及 ``EPERM`` ("权限被拒绝& ...
- 单例设计模式-java
在实际项目中单例模式常见应用场景列举如下: 1.servlet编程中,每个servlet就是单例 2.网站计数器,和Application(servlet中涉及) 3.Strucs1框架中,控制器对象 ...
- 远程调试Hadoop
远程调试对应用程序开发十分有用,那如何调试Hadoop源码?这里介绍如何用IDE远程调试Hadoop源码.本文以IntelliJ IDEA作为IDE,以调试Jobhistory WEB UI代码为例进 ...
- coreos 创建使用密钥登陆的ubuntu 基础镜像
下载官方镜像 core@localhost ~ $ docker pull ubuntu:14.04 #假设官方下载较慢,可到www.dockerpool.com下载标准镜像 core@localho ...
- sparkSQL1.1入门之四:深入了解sparkSQL执行计划
前面两章花了不少篇幅介绍了SparkSQL的执行过程,非常多读者还是认为当中的概念非常抽象.比方Unresolved LogicPlan.LogicPlan.PhysicalPlan是长得什么样子,没 ...
- angular学习笔记(二)-创建angular模块
如果在页面的html标签(或任意标签)中添加ng-app,表示对整个页面应用angular来管理. 他是一个模块. 模块有助于把东西从全局命名空间中隔离. 今天学习如何自定义创建模块: <!DO ...
- Solr学习之四-Solr配置说明之二
上一篇的配置说明主要是说明solrconfig.xml配置中的查询部分配置,在solr的功能中另外一个重要的功能是建索引,这是提供快速查询的核心. 按照Solr学习之一所述关于搜索引擎的原理中说明了建 ...
- hadoop输出lzo文件并添加索引
public static void main(String[] args) throws Exception { Configuration conf = new Configuration(); ...