jelölje ki az összes négyzetet lapszámozás segítségre szükség

Question

jelölje ki az összes négyzetet lapszámozás segítségre szükség

szavazat

0

Én jelenleg egy jelentést, amely megjeleníti lapszámozás 10 per oldal.

Ebben a jelentésben én is egy négyzetet az oszlopban, minden rekordot. Ennek alapján,

Szeretnék bele egy „Összes kijelölése” funkciót, így alapján én forgatókönyv, amely megjeleníti 10 feljegyzések, ha megnyomom a „Összes kijelölése” jelölőnégyzetet, szeretném ellenőrizni az összes látható bejegyzések (10 egy időben), hogy az oldalon ( pageno = 3) és törlése után a 10 feljegyzések, az oldal át kell irányítani az ugyanazon az oldalon (filename.php) azonos oldalszám (pageno = 3).

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

checkbox pagination

A kérdést 14/07/2009 08:07
a forrás felhasználó bk-aditya

Más nyelveken...

2 válasz

gernberg · Answer 1 · 2009-07-14 08:22

Ezt meg lehet oldani JavaScript használatával. Hogyan határozná meg a nevét a négyzeteket?

Lehet csinálni egy for ciklust állapotának megváltoztatásához az összes jelölőnégyzetet, hogy látható abban a pillanatban.

Ha használja a javascript eszköztár / keret, mint a jQuery ez nagyon egyszerű. Például meg lehet adni az osztály .page- [NUM] az összes jelölőnégyzetet az oldalon, majd használja:

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

Vagy ha ugyanazt a nevet használja minden négyzetet az oldalon, próbálkozzon az alábbiakkal:

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

ahol „thename” lenne a neve a négyzeteket az oldalon.

TheVillageIdiot · Answer 2 · 2009-07-14 08:57

Segítségével néhány keretet, mint a jQuery teszi az életed sokkal könnyebb. Tegyük fel, hogy következő szerkezete a feljegyzések:

<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.

Az alábbi kódot (jQuery) fog tenni a pénz:

<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: - alapján a kódot, próbálja lecserélni a boxes_checkall funkció ezzel a kóddal;

függvény 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>