繁体   English   中英

如何使用jQuery获取表中每一行的复选框状态?

[英]How to get checkbox state for each row in table using jQuery?

我正在尝试获取表中每一行中复选框的状态,我正在从表中成功检索列的值之一,但是当涉及到包含复选框元素的列时,我无法获取州。

这是我用来遍历表中所选行的代码:

$.each($("input[name='query']:checked"), function () {
    var data = $(this).parents('tr:eq(0)');

    var Name = $(data).find('td:eq(1)').text();
    var Value = $(data).find('td:eq(2)'); //This is the checkbox column

    console.log('Name: ' + Name + ' - Value: ' + Value );
});

这是桌子本身的一个画面:

在此处输入图片说明

这里的问题是,如果用户选择一行(选中第一列中的复选框),然后尝试保存更改,则需要在“ 名称”列中获取值,然后在“ 值”列中获取复选框的状态。

最后,这是控制台使用上述代码打印的内容:

在此处输入图片说明

更改

var Value = $(data).find('td:eq(2)');

var Value = $(data).find('td:eq(2) input').prop("checked");

要么

var Value = $(data).find('td:eq(2) input').is( ":checked" )

您必须在列中找到checkbox并检查checked属性

更改

var Value = $(data).find('td:eq(2)');

var Value = $(data).find('td:eq(2)').find("input[type='checkbox']").prop("checked");

要么

var Value = $(data).find('td:eq(2) input').prop("checked");

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM