Javascript:如何从表中的所有选中的复选框中获取值

时间:2012-10-11 10:06:12

标签: javascript jquery html

我在很多线程中搜索过,但是我没有看到任何涉及表格的复选框,我只是想让用户轻松删除,说,我有一个包含五十个条目的表格,我想删除10个一个go,所以我选中每条记录旁边的复选框,所以当我想删除它时,它只会获取复选框的值将其传递给php脚本..

我的问题是如何在Javascript或jQuery上进行此操作?从n个复选框中获取值?因为表具有动态值,具体取决于它在数据库上的数量。

这是一张清晰的图像:

enter image description here

3 个答案:

答案 0 :(得分:6)

这将为您提供一个包含每个复选框的value属性的数组:

var values = $('input:checked').map(function() {
    return this.value;
}).get();

请参阅http://jsfiddle.net/p58Hw/1/

答案 1 :(得分:2)

选择您的表格,find所有带有checked checkbox的行,存储其值并将其删除:

var $chkboxes = $(yourTable).find("tr input[type='checkbox']:checked");
var checkBoxVals = $chkboxes.map(function(){ return $(this).val(); }).toArray();

$chkboxes.closest('tr').remove();

// serialize array checkBoxVals and pass it to your php script

答案 2 :(得分:1)

你会发布你的代码。但尝试这样的事情:

$('.YourCheckboxClass:checked').each(function() {
    // your code here
});