首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式碼之家 >> 編程語言 >  >> 更多程式語言 >> 程式設計綜合問答

JavaScript 根據選取的單選按鈕獲取同一列所有單元格數值

     編輯:程式設計綜合問答

需求說明

在表格中每一列有一個單選按鈕(Radio),使用者選取後,想要取得該列所有 <td> 內的文字內容。

jQuery 實作範例

$('input[name="xh"]:checked').each(function () {
    var tr = $(this).closest('tr');
    var tds = tr.find('td');

    alert(tds.eq(1).text());   // 帳號
    alert(tds.eq(2).text());   // 客戶姓名
    alert(tds.eq(3).text());   // 開戶銀行
    alert(tds.eq(4).text());   // 開戶日期
});

原理說明

  • :checked 選出被選取的單選按鈕。
  • closest('tr') 向上找到最近的表格列。
  • find('td') 取得該列內所有單元格。
  • eq(index).text() 依序擷取每個欄位的文字。
  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved