Toon posts:

[JS] Checkbox - Select all

Pagina: 1
Acties:

Verwijderd

Topicstarter
Ik heb een aantal records die ik kan selecteren doormiddel van een checkbox, op deze manier kan ik meerdere records tegelijk verwijderen etc. Nou heb ik nog een extra checkbox erbij gezet om alles te selecteren aleen ik heb geen idee hoe ik dit voor elkaar krijg. Het is net zoiets als bij Hotmail.

Dit zijn mijn normale checkboxes:
<input type='checkbox' name='checkbox[]' value='$id'>

ps. Ik heb geprobeerd te zoeken, alleen de search doet het niet..?!

  • ThaDaNo
  • Registratie: Mei 2002
  • Laatst online: 05-04-2023
Je schrijft een Javascriptje dat alle checkbox-values op checked/unchecked zet, afhankelijk van de instelling van de "Select All"-checkbox..
Dat javascriptje roep je aan zodra iemand op deze checkbox klikt :)

  • BalusC
  • Registratie: Oktober 2000
  • Niet online

BalusC

Carpe diem

Leest niemand hier de stickies? Kijk eens bovenaan de topiclist van Programming & Webscripting. Daar staat iets over HTML en Javascript B)

Programming & Webscripting » Webdesign & Graphics
ps. Ik heb geprobeerd te zoeken, alleen de search doet het niet..?!
Er is nog altijd google ;) Je kunt er ook de sitesearch gebruiken door "site:gathering.tweakers.net" naast de searchkeyword(s) te zetten :Y)

[ Voor 31% gewijzigd door BalusC op 06-04-2004 12:34 ]


Verwijderd

Topicstarter
oeps... maar het kan ook op een zo'n soort manier maar dit is niet met checkboxes

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
function selectAll(formObj, isInverse) 
{
   for (var i=0;i < formObj.length;i++) 
   {
      fldObj = formObj.elements[i];
      if (fldObj.type == 'checkbox')
      { 
         if(isInverse)
            fldObj.checked = (fldObj.checked) ? false : true;
         else fldObj.checked = true; 
       }
   }
}

//------ HTML calls ------

<input type="radio" name="selectall"  onclick="selectAll(this.form,0);">Select All

<input type="radio" name="selectall"  onclick="selectAll(this.form,1);">Inverse All


offtopic: maar iemand ook enig idee waarom de search niet werkt btw

[ Voor 80% gewijzigd door Verwijderd op 06-04-2004 12:35 ]


  • pasta
  • Registratie: September 2002
  • Laatst online: 04-04 23:18

pasta

Ondertitel

Signature


Verwijderd

code:
1
2
3
4
5
6
7
8
function CheckAll() {
    for (var i=0;i<document.pmlist.elements.length;i++) {
        var e = document.pmlist.elements[i];
        if ((e.name != 'allbox') && (e.type=='checkbox')) {
            e.checked = document.pmlist.allbox.checked;
        }
    }
}


dit gebruik ik op m'n forum.

Verwijderd

Topicstarter
ik krijg deze foutmelding:
Parse error: parse error, unexpected T_VAR, expecting ';' in C:\Webserver\www\test\overzicht.php on line 51

  • Helmet
  • Registratie: Januari 2002
  • Laatst online: 05-05 12:14
Dat is dus een PHP error, die heeft niets te maken met je javascript :)

Icons are overrated


Verwijderd

Topicstarter
hehe ik had het nog tussen mn php tags staan :X

Verwijderd

Topicstarter
Verwijderd schreef op 06 april 2004 @ 12:39:
code:
1
2
3
4
5
6
7
8
function CheckAll() {
    for (var i=0;i<document.pmlist.elements.length;i++) {
        var e = document.pmlist.elements[i];
        if ((e.name != 'allbox') && (e.type=='checkbox')) {
            e.checked = document.pmlist.allbox.checked;
        }
    }
}


dit gebruik ik op m'n forum.
Hoe heb je dit bij de checkbox zelf ingevuld dan??
<input type='checkbox' ?????>

Verwijderd

de checkbox die alle checkboxen checked:

HTML:
1
<input name="allbox" type="checkbox" value="Check All" onClick="CheckAll();" class="checkbox">


en de andere checkboxen:

HTML:
1
<input type="checkbox" name="pmid[]" value="{id}" class="checkbox">


dat {id} hoort bij de template engine dus daar moet je zelf wat anders invullen.

zo zou het moeten werken

Verwijderd

Topicstarter
het werkt helaas niet...

ik heb het volgende bij mijn normale checkboxes
<input type='checkbox' name='checkbox[]' value='$id'>

Verwijderd

Topicstarter
Ik heb nou de volgende code:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script type="text/javascript" language="javascript"> 
var checkflag = "false";
function check(field) {
if (checkflag == "false") {
for (i = 0; i < field.length; i++) {
field[i].checked = true;}
checkflag = "true";
return "Uncheck All"; }
else {
for (i = 0; i < field.length; i++) {
field[i].checked = false; }
checkflag = "false";
return "Check All"; }
}
</script>


Dit heb ik voor het selecteren van alles checkboxes:
<input type='checkbox' value='Check All' onClick='this.value=check(this.form.list)'>

Dit werkt wel als ik de gewone checkboxes als naam "list" geef ipv checkbox[]. Maar als ik this.form.checkbox[] er van maak werkt het niet....!? Iemand misschien een oplossing ??

Verwijderd

Topicstarter
Verwijderd schreef op 07 april 2004 @ 11:33:
Ik heb nou de volgende code:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script type="text/javascript" language="javascript"> 
var checkflag = "false";
function check(field) {
if (checkflag == "false") {
for (i = 0; i < field.length; i++) {
field[i].checked = true;}
checkflag = "true";
return "Uncheck All"; }
else {
for (i = 0; i < field.length; i++) {
field[i].checked = false; }
checkflag = "false";
return "Check All"; }
}
</script>


Dit heb ik voor het selecteren van alles checkboxes:
<input type='checkbox' value='Check All' onClick='this.value=check(this.form.list)'>

Dit werkt wel als ik de gewone checkboxes als naam "list" geef ipv checkbox[]. Maar als ik this.form.checkbox[] er van maak werkt het niet....!? Iemand misschien een oplossing ??
edit: ik heb het inmiddels al voor elkaar :)
Pagina: 1