javascript - 根据选中的单选按钮访问表格行的元素

Question

在我的网页上，我有一个表格，其中每一行都有一个单选按钮。所有行的单选按钮名称都相同，以便将它们作为一个组访问。我有一个按钮，它提醒选中单选按钮的行号。我也想访问该行表的各个元素。任何关于我如何能够实现这一目标的想法都将非常受欢迎。

这是针对该问题的 fiddle : http://jsfiddle.net/Gz668/13/

在单击按钮“edireq”时，它当前会提醒其单选按钮被选中的行号。我想访问表中其他字段的值(请求者、批准者、状态等)。这是 jquery 代码

$("#edireq")
    .button()
    .click(function () {
    var ele = document.getElementsByName('reqradio');
    var len = ele.length;
    var flag = -1;
    for (var j = 0; j < len; j++) {
        if (ele[j].checked) {
            flag = j;
        }
    }
    if (flag > -1) {
        alert("Row : " + (flag + 1));
    } else {
        alert("Select a row first");
    }
});

谢谢。

Answer 1

您混合使用了 native javascript 和 jQuery。您可以使用 :checked 选择器获取选中的单选按钮，然后获取最接近的 tr 并读取每个 td 的 text 在该行中。试试这个:

$(document).ready(function () {
    $('#reqtablenew tr').click(function () {
        $('#reqtablenew tr').removeClass("active");
        $(this).addClass("active").find('input[name="reqradio"]').prop('checked', true);
    });
    $("#edireq").button().click(function () {
        var $ele = $('input[name="reqradio"]:checked');

        if ($ele.length) {
            var $tds = $ele.closest('tr').find('td');
            var id = $tds.eq(1).text();
            var requestor = $tds.eq(2).text();
            // and so on..

            alert(id);            
            alert(requestor);
        }
        else {
            alert("Select a row first");
        }
    });

});

Example fiddle