Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用javascript从html表格中获取选定行?_Javascript_Html - Fatal编程技术网

如何使用javascript从html表格中获取选定行?

如何使用javascript从html表格中获取选定行?,javascript,html,Javascript,Html,我有一个html表格和它下面的一个按钮,我希望在单击该按钮时从所选行获取数据。我该怎么做呢?如果我理解您的意思,您希望用户能够通过单击表格中的一行来选择该行。然后,当他们单击按钮时,您可以捕获每个单元格中选定行的数据 我将在解释中使用JQuery 您需要为上的单击事件创建事件处理程序。单击该时,可以对其应用CSS类,如.selected。然后,当用户单击该按钮时,您将有另一个事件处理程序循环通过.selected类的子类并返回值(即) 下面是一个使用JQuery的例子。你说的“获取数据”是什么意

我有一个html表格和它下面的一个按钮,我希望在单击该按钮时从所选行获取数据。我该怎么做呢?

如果我理解您的意思,您希望用户能够通过单击表格中的一行来选择该行。然后,当他们单击按钮时,您可以捕获每个单元格中选定行的数据

我将在解释中使用JQuery

您需要为
上的单击事件创建事件处理程序。单击该
时,可以对其应用CSS类,如
.selected
。然后,当用户单击该按钮时,您将有另一个事件处理程序循环通过
.selected
类的子类并返回值(即


下面是一个使用JQuery的例子。

你说的“获取数据”是什么意思?你应该发布你的代码(markup/javasciprt)“选择”一行是什么意思?你有复选框吗?@AndersonGreen这个链接没有帮助。谢谢折衷主义者,我已经明白了你在上面的帖子中的建议,并且完全按照你在代码中写的做了。
$('tr').click(function() {
   $('.selected').removeClass('selected');
    $(this).addClass('selected');
});

$('#submit').click(function() {    
    $('.selected').children().each(function() {
        alert($(this).html());
    });
});