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

时间:2017-11-08 19:49:26

标签: javascript jquery html

我试图在表格中的每一行中获取一个复选框的状态,我成功地从表格中检索列的一个值,但是当它涉及包含复选框元素的列时,我无法得到国家。

以下是我用于遍历表中所选行的代码的代码:

$.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 );
});

这是桌子本身的一个观察点:

enter image description here

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

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

enter image description here

2 个答案:

答案 0 :(得分:2)

更改

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" )

答案 1 :(得分:0)

您必须在列中找到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");