JavaScript/Jquery - 检索一行中的数据

JavaScript/Jquery - Retrieving data in a row

本文关键字：一行 数据 Jquery 检索 JavaScript      更新时间：2023-09-26

我对 JavaScript 很陌生，所以假设我有以下函数，用于将新行附加到表中。有人可以给我一些建议，如何获取文本区域框的值或检查是否在我添加到表格的最后一行选中了每个复选框？我正在尝试使用 getElementByName（），但有点不确定如何获取我想要的特定行的数据。该表是 jsp 页面的一部分。非常感谢!!

function generateNewRow(id){
        var tr = "<tr>";
        tr += "<td><input name='id' type='hidden' value='" + id + "' />";
        tr += "<textarea name='a' style='width: 98%; height:40px'></textarea></td>";
        tr += "<td>";
        tr += "<input type='checkbox' name='b' value='" + id + "'/>B";
        tr += "<input type='checkbox' name='c' value='" + id + "'/>C";
        tr += "<input type='checkbox' name='d' value='" + id + "'/>D";
        tr += "<input type='checkbox' name='e' value='" + id + "'/>E<br/>";
        tr += "<input type='checkbox' name='f' value='" + id + "'/>F;
        tr += "</td>";
        tr += "<td><textarea name='g' style='width: 98%; height:40px'></textarea></td>";
        tr += "</tr>";
        $("#ProblemsGrid tbody").append(tr);
}

如果你想获取表格的最后一行，你可以使用这样的选择器：

$("#ProblemnsGris tbody tr:last");

对于文本区域和输入值，我会使用find和each：

$("#ProblemsGrid tr:last").find('input:checkbox').each(function(index, element){
    var value = $(element).is(':checked');
    alert(value);
});
$("#ProblemsGrid tr:last").find('textarea').each(function(index, element){
    var value = $(element).val();
    alert(value);
});

http://jsfiddle.net/Dqryf/

相关文章：