how to do the each funtion for all to check checkboxes

Question

I am using this code to check the checkbox is chekced or not..

    $('#nextpage').click(function() {
       var result = $('#Details input[type=checkbox]').attr('checked');
        if (result == true) {
            $("#tabs").tabs('enable', 3).tabs('select', 3);
        }
        else {
            $().ShowDialog('please select atleast one');
        }
    });

using this I can check only for one checkbox if I need to check for multipe checkboxes in teh Details page how do I need to loop throw?

thanks

Answer 1

I don't know exactly how you're using this in relation to the rest of your code, but this uses the each to check every checkbox:

$('#nextpage').click(function() {
    $('#Details input[type=checkbox]').each( function() {
        if( $(this).attr('checked') ) {
            $("#tabs").tabs('enable', 3).tabs('select', 3);
        } else {
            $().ShowDialog('please select atleast one');
        }
    });
});

Answer 2

From what i understood from the discussion and code is that you want to switch tab only if one or more checkboxes are checked otherwise open a dialog box.

$('#nextpage').click(function() {
    var collection  = $('#Details input:checked');
   if(collection.length > 0 ) {
            //either loop on collection array or switch tab
            $("#tabs").tabs('enable', 3).tabs('select', 3);
   } else {
            $().ShowDialog('please select atleast one');
   }
});