Intento escribir un fragmento de código jQuery donde, si todas las casillas de verificación están desmarcadas, todas las etiquetas li tienen la clase deshabilitada.
Pero, si una casilla de verificación (cualquier casilla de verificación) está marcada, entonces todas las etiquetas [li] pierden la clase deshabilitada.
¡Muchas gracias!
$(':checkbox').click(function () {
$('li').toggleClass('disabled', !$(':checkbox:checked').length);
});
$(':checkbox')
.click(
function()
{
$('li').toggleClass('disabled', $(':checkbox :checked').length <= 0));
}
);
EDITAR: Gracias Ken por señalar el método toggleClass.
Ligera modificación de RaYell's, que incluirá casillas de verificación añadidas dinámicamente:
$(':checkbox').live('click', function () {
$('li').toggleClass('disabled', !$(':checkbox:checked').length);
});
Me encontré con este post por accidente y pensé que iba a añadir mi chelín vale la pena:
jQuery(':checkbox').click(function()
{
if (jQuery(this).is(':checked'))
{
alert("Checked");
}
else
{
alert("Unchecked");
}
});