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 ...
随机推荐
- JMeter学习笔记--JMeter前置处理器
前置处理器被用来修改作用域内的采样器 HTML 链接解析器:解析从服务器得到的HTML响应,并从中提取链接和表单,使用perl型的正则表达式来寻求匹配项. HTML URL重写修饰符:使用URL重写来 ...
- LINUX使用DVD光盘或者ISO作为本地YUM源
先把光盘或 ISO 文件挂载到文件系统: # mkdir /media/iso 挂载光盘: # mount /dev/cdrom /media/iso 或挂载 ISO 文件: mount -o loo ...
- Spring注解运行时抛出null
关于Spring的注解其实不难,大致需要以下几个流程: 一.配置Spring的注解支持 <?xml version="1.0" encoding="UTF-8&qu ...
- Spring注解 强大了个强大--详解注解方式
好文章:http://tonyaction.blog.51cto.com/227462/83874/ http://www.ibm.com/developerworks/cn/java/j-lo-sp ...
- intellij IDEA开发node.js
现在网上好像关于IDEA开发node.js的讲解不是太多,今天试了一下,竟然成功了.... 1.安装nodejs http://nodejs.org/download/ 自动根据系统下载自己的版本n ...
- 从github上下载项目到eclipse
第一步:把代码下载到本地的仓库中 到github后选择自己想下载的项目,拷贝它的URL,图示如下: 进入eclipse中 点击后如下: 继续 按照图片指示继续(大白菜next教程) fin ...
- unity5, Configurable Joint: Anchor, Connected Anchor, Auto Configure Connected Anchor
configurable joint加在轮子上,connected body是车身. 这种情况下,Anchor=(0,0,0)表示轮子一端joint锚点取carWheelCenter Connecte ...
- js检查页面上有无重复id的代码分享
用js代码检查一个页面上是否用重复的id. 方法一: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" ...
- 批处理学习笔记7 - 管道连接符"|"
|就是把左边作为值传递给右边.有一些命令运用它比较方便 @echo off ping baidu.com | find "TTL" pause 这段命令就是把左边ping的结果传递 ...
- wait(),notify(),notifyAll()用来操作线程为什么定义在Object类中?
这些方法存在于同步中: 使用这些方法必须标识同步所属的锁: 锁可以是任意对象,所以任意对象调用方法一定定义在Object类中. Condition是在java 1.5中才出现的,它用来替代传统的Obj ...