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 ...
随机推荐
- VS2005自定义ActiveX控件在asp.net中应用方法
原文地址:http://www.cnblogs.com/zhf/archive/2009/03/02/1401299.html 开发环境为VS 2005, .NET framework 2.0 文件— ...
- Orm框架开发之NewExpression合并问题
之前都是看别人写博客,自己没有写博客的习惯.在工作的过程中,总是会碰到许多的技术问题.有很多时候想记录下来,后面一直有许多的问题等着解决.总想着等系统完成了,再回头总结下.往往结果就把这事抛到脑后了. ...
- jetty上传文件的时候报错显示文件过大
这个时候我们需要修改jetty的参数文件 cd /data/java_web_app/news23456/etc vim jetty.xml 找到这一行 <Configure id=" ...
- xdebug 安装及使用规则
参考:http://blog.csdn.net/21aspnet/article/details/7047191 http://www.nowamagic.net/librarys/veda/deta ...
- Windows XP忘记密码的几种解决方法
1. 问题 朋友一Windows XP系统的密码忘记了,让给解决一下.网上搜索了几种解决方案,列在下面,记一下. 2. 解决 2.1 使用“Administrator”帐户 前提:当前用户名不是“Ad ...
- Android系统架构剖析(一)
要说剖析,可能这个词可能用的太大了,以下对Android系统的介绍也就是从我个人理解来说吧. 以前有人问我,Android是什么?当时这个问题问的我真的蒙了,我就简单的回了一下 ...
- UVA 10972 - RevolC FaeLoN(边-双连通分量)
UVA 10972 - RevolC FaeLoN option=com_onlinejudge&Itemid=8&page=show_problem&category=547 ...
- Spring Cloud 概述
1. Spring Cloud 引言 首先我们打开spring 的官网:https://spring.io/ 我们会看到这样一张图片 这个图片告诉我们,开发我们的应用程序就像盖楼一样, 首先我们需要搭 ...
- [k8s]subpath解决cm覆盖目录问题
参考 发现cm老覆盖容器原有目录里的内容,后来不得不通过in -s的方式来搞cm, 先将cm挂到/tmp下,然后ln -s文件到指定目录. 后来发现个cm的subpath特性可以解决这个问题 写了bu ...
- ny27 水池数目
水池数目 时间限制:3000 ms | 内存限制:65535 KB 难度:4 描述 南阳理工学院校园里有一些小河和一些湖泊,现在,我们把它们通一看成水池,假设有一张我们学校的某处的地图,这个地图上 ...