Question

I have the following functions that add/remove a style to a button based on whether checkboxes on page are selected:

var checkboxes = $(".chkbx").change(function() {
    var allIsChecked = checkboxes.length === checkboxes.filter(":checked").length;
    all[0].checked = allIsChecked;
    enableMyElement(checkboxes.filter(":checked").length > 0);
});

var all = $("#checkall").change(function() {
    checkboxes.attr("checked",this.checked);
    enableMyElement(this.checked);
});

function enableMyElement(b) {
    $("#delBtn")[b?"removeClass":"addClass"]("dis");
}

Now, all this works fine but only on change. I need to add a check whether at least one of the checkboxes with class chkBx is checked on page load. I was thinking of adding another function, something like this

function CheckForAnySelected() {
    $(".chkbx").attr("checked").each( 
        function() {
            // do something
        }
    );

…but it does not look like a good solution… and I am certainly not sure how to integrate with my existing code.

Answer 1

    function CheckForAnySelected() {    
        if($(".chkbx").filter(":checked").size()>0)
        {
          return true; // atleast one is selected
        }
       else{
      return false;
       });

you can use it like

if(CheckForAnySelected())
{
//atleast one is checked
}
else
{
// none checked
}

here is the fiddle http://jsfiddle.net/QNrZu/13/