簡體   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