在html表格上循环并得到选中的复选框（jQuery）

Question

我有一个HTML表格，每行都有一个复选框。
我想遍历表格，看看是否有任何复选框被选中。
以下不工作：

$("#save").click(function() { 
    $('#mytable tr').each(function (i, row) { 
     var $actualrow = $(row); 
     checkbox = $actualrow.find('input:checked'); 
     console.log($checkbox); 
}); 

打印在控制台以下：

[prevObject: jQuery.fn.jQuery.init[1], context: tr, selector: "input:checked", constructor: function, init: function…]

每行无论任何复选框是否被选中。

更新
同一个问题有：

$('#mytable tr').each(function (i, row) {                         
    var $actualrow = $(row); 
    $checkbox = $actualrow.find(':checkbox:checked'); 
    console.log($checkbox); 
}); 

Answer 1

用这个代替：

$('#save').click(function() { 
    $('#mytable').find('input[type="checkbox"]:checked') //... 
}); 

让我解释一下，你有什么选择呢： input[type="checkbox"]意味着这将匹配每个<input />与类型属性type等于checkbox 之后：:checked将匹配所有选中的复选框。

你也可以遍历这些复选框有：

$('#save').click(function() { 
    $('#mytable').find('input[type="checkbox"]:checked').each(function() { 
     //this is the current checkbox 
    }); 
}); 

这里是JSFiddle演示。

---

而这里是一个演示，它正确地解决了您的问题http://jsfiddle.net/DuE8K/1/。

$('#save').click(function() { 
    $('#mytable').find('tr').each(function() { 
     var row = $(this); 
     if (row.find('input[type="checkbox"]').is(':checked') && 
      row.find('textarea').val().length <= 0) { 
      alert('You must fill the text area!'); 
     } 
    }); 
}); 

Answer 2

在您的代码中是缺少});。

$("#save").click(function() { 
    $('#mytable tr').each(function (i, row) { 
     var $actualrow = $(row); 
     $checkbox = $actualrow.find('input:checked'); 
     console.log($checkbox); 
    }); 
}); 

Answer 3

使用.filter(':has(:checkbox:checked)'即：

$('#mytable tr').filter(':has(:checkbox:checked)').each(function() { 
$('#out').append(this.id); 
}); 

看到这个小提琴演示http://jsfiddle.net/suhailvs/tZvvB/2/

Answer 4

下面的代码片段启用取决于是否在页面上至少一个复选框被选中/禁用按钮。

$('input[type=checkbox]').change(function() { 
    $('#test > tbody tr').each(function() { 
     if ($('input[type=checkbox]').is(':checked')) { 
      $('#btnexcellSelect').removeAttr('disabled'); 
     } else { 
      $('#btnexcellSelect').attr('disabled', 'disabled'); 
     } 
     if ($(this).is(':checked')){ 
      console.log($(this).attr('id')); 
     }else{ 
      console.log($(this).attr('id')); 
     } 
    }); 
}); 

这是演示JSFiddle。