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 ...
随机推荐
- background-image:url(data:image/gif;base64,XXXX) base64方式将本地图片添加到文档中
background-image:url(data:image/gif;base64,R0lGODlhCwAMAMZjAElxvlNvtVRxtkp1v0p9wVh7vkqBwl58vml6vml7v ...
- introduction to python for statistics,analysis笔记3
一.产生数组和矩阵 1.linspace(start,end,number),产生在start和end数之间number个数 >>> x = linspace(, , ) >& ...
- jquery.dataTables的用法
写页面前端时,使用表格的插件可以快速漂亮的排版.本例子中使用jquery.dataTables来处理table.直接来点干货 html代码如下 <table cellpadding=" ...
- MYSQLDUMP参数详解(转)
mysqldump客户端可用来转储数据库或搜集数据库进行备份或将数据转移到另一个SQL服务器(不一定是一个MySQL服务器).转储包含创建表和/或装载表的SQL语句. 如果你在服务器上进行备份,并且表 ...
- Android Studio 2.2 Record Espresso Test
Android Studio 已经更新到了2.2,在 Run 中发现了 Record Espresso Test 功能,很强大,但是不稳定. 尝试了下在 Android 6.0 上的登录页面,可以通过 ...
- UBuntu14.04下安装和卸载Qt5.3.1
安装: 1. Qt5.3.1下载地址为:http://qt-project.org/,选择”Qt 5.3.1 for Linux 32-bit”版本,文件名是”qt-opensource-linux- ...
- Ng-cloak解决angularJs中的闪烁问题
引言 上一篇博客写到了使用ng-bind指令解决页面显示{{express}}问题,这次我们来使用另一种方法解决一下. 在使用AngularJS开发评教移动端的时候,我们经常会看见在Chrome这类快 ...
- 使用Konva创建进度条
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- config对象
在js中经常定义一个config对象来保存当前对象里面的一些临时变量:定义这个变量可以被对象中所有的属性访问到,可以避免重复,减少内存占用,统一管理: 如: <script> functi ...
- eclipse 项目中的java文件没有在WEB-INF目录下的classes中 生成相对应的编译后的类
1.首先确定project->Build Automatically是否勾选上: 2.执行完第一步之后测试一下看是否能编译,如果还是不能,则进行手动编译: 3,进入clean对话框,选择Cle ...