CODEWITHSUNDEEP
checkboxpagination
bk-aditya
bk-aditya

Reputation:

select all checkbox pagination help required

I currently have a report with pagination that displays 10 records Per page.

Within this report, I also have a checkbox column for every record. Based on this,

I want to incorporate a "Check All" feature, so based on my scenario which displays 10 records, when I press the "Check All" checkbox, I would like to check all the visible records (10 at a time) in that page (pageno=3) and after deleting those 10 records, the page should be redirected to the same page (filename.php) with same page number(pageno=3).

www.example.com/filename.php?pageno=3

Upvotes: 0

Views: 3753

Answers (2)

TheVillageIdiot
TheVillageIdiot

Reputation: 40527

Using some framework like jQuery will make your life a lot easier. Suppose following is structure of your records:

<table id="report">
    <tr><td> <input type="checkbox" id="tr1" /></td><td>..</td><td>...</td></tr>
    <tr><td> <input type="checkbox" id="tr2" /></td><td>..</td><td>...</td></tr>
    <tr><td> <input type="checkbox" id="tr3" /></td><td>..</td><td>...</td></tr>
    <tr><td> <input type="checkbox" id="tr4" /></td><td>..</td><td>...</td></tr>
    <tr><td> <input type="checkbox" id="tr5" /></td><td>..</td><td>...</td></tr>
</table>

<input type="checkbox" id="chkAll"/> Select All.

The following code (using jquery) will do the needful:

<script type="text/javascript">
    $(document).ready(function(){
        $("#chkAll").change(function(){
            if($("#chkAll").is(":checked")){
                $("#report tr td:first-child").find("input:checkbox")
                        .attr("checked","checked");
            }else{
                $("#report tr td:first-child").find("input:checkbox")
                       .attr("checked","");
            }
        });
    });
</script>

EDIT:- based on your code, try replacing your boxes_checkall function with this code;

function boxes_checkall(a,b) { var cbs=a.getElementsByTagName('input');

        for(var i=0;i<cbs.length;i++)
        {
           if(cbs[i].type.toLowerCase()=='checkbox')
           {
               cbs[i].checked = b==1;
           }
        }
   }
</script>

Upvotes: 1

gernberg
gernberg

Reputation: 2617

This could be solved using Javascript. How do you define the names of the checkboxes?

You could do a for loop to change the status of all checkboxes that are shown at the moment.

If you're using a javascript toolkit/framework like jQuery this is very easy. For instance you could give the class .page-[NUM] to all the checkboxes on a page and then use:

$(".page-[NUM]").each(function()
{
this.checked = checked_status;
});

Or if you use the same name for each checkbox on a page, try:

$("input[@name=thename]").each(function()
{
this.checked = checked_status;
});

where "thename" would be the name of your checkboxes on that page.

Upvotes: 0

Related Questions