javascript - colgroup - Bucle sobre la tabla html y verifique las casillas de verificación(JQuery)

table html

Question

Tengo una tabla HTML con una casilla de verificación en cada fila.
Quiero pasar por encima de la tabla y ver si hay alguna casilla de verificación que esté marcada.
Lo siguiente no funciona:

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

Esto imprime en la consola lo siguiente:

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

por fila independientemente de si se marca alguna casilla de verificación.

Actualizar
Mismo problema con:

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

Answer 1

El siguiente fragmento de código habilita / deshabilita un botón dependiendo de si se ha marcado al menos una casilla de verificación en la página.

$(''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''));
}
});
});

Aquí está la demo en JSFiddle .

Answer 2

Use esto en su lugar:

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

Permítame explicarle lo que hace el selector: input[type="checkbox"] significa que esto coincidirá con cada <input /> con el tipo de atributo type igual a checkbox de checkbox Después de eso :checked coincidirá con todas las casillas de verificación marcadas.

Puede pasar por encima de estas casillas de verificación con:

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

Aquí está la demo en JSFiddle .

Y aquí hay una demostración que resuelve exactamente su problema 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 3

use .filter('':has(:checkbox:checked)'' es decir:

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