javascript - 选择表格行时使用 TR 数据键和 TD 单元格值设置输入的 OnClick 属性

Question

我对此感到抓狂。

我有一个表，并在选择行时分配一个类(selected)。

现在，我在表单中有一个输入，这应该在 OnClick 时重定向到另一个页面，它也应该解析 2 个变量。

这两个变量是我从所选行中获取的。

GetID 是 TD 数据键属性，GetName 是第二列单元格值。

我的 OnClick 应该如下所示:

onclick="location.href='test.phtml?GetID=1&GetName=Name1'"

我的意图是:

单击表格行，分配类“selected”，并将具有类“selected”(作为 value1)和 TD 单元格值(作为 value2)的 TR 元素的 data-key 属性放入我的 OnClick 字符串中。

点击可以工作，但我无法让字符串工作。

我这里有一个 fiddle :fiddle

Answer 1

你能检查一下这个方法吗:

https://jsfiddle.net/Kanzari/3sw01c9r/5/

它是原始代码的自定义分支，基本更改:

    $("#myTable tr").click(function(AddGroupIDandName) {
  $(this).addClass('selected').siblings().removeClass("selected");
    $('.mybtn').attr('OnClick','./mysite.html?GetID='+$(this).attr('data-key')+'&GetName='+$(this).find('td:last-child').text());
});