Just nu i M3-nätverket
Gå till innehåll
Eforum är stängt för nya inlägg och svar sedan 20 juni 2022. Klicka för att läsa vad som hände och om alternativ.

Markera alla checkboxar

Admini

Startad av Admini,
i Webbutveckling

Rekommendera Poster

Admini

Admini

Postad
Postad

Hej

Jag har 20 tal checkboxar för användaren att klicka i, men om han vill klicka i alla med en gång, hur skiver jag en javascript som fyller i alla boxar?

 

Dessa checkboxar ser ut så här:

<input type=checkbox name=n_"&rs("id")&" value="&rs("id")&">

 

Som Ni ser så börjar alla namnen med bokstaven n

 

Tack på förhand

 

 

 

EDIT:stavfel

[inlägget ändrat 2006-05-17 11:40:22 av Admini]

Länk till kommentar
Dela på andra webbplatser
Anjuna Moon

Anjuna Moon

Postad
Postad

Följande ger samtliga checkboxar vars namn börjar med sNameStart, samma checkstatus som kryssrutan "Välj alla".

 

[log]

<html>
<head>
<script>
function ToggleAll(oFrm,sNameStart,blCheck) {
oEls=oFrm.elements;
for (i=0;i<oEls.length;i++) {
	oEl=oEls[i];
	if (oEl.type=='checkbox' && oEl.name.indexOf(sNameStart)==0)
		oEl.checked=blCheck;
}
}
</script>
</head>

<body>

<form>
<input type=checkbox onclick="ToggleAll(this.form,'n_',this.checked);">Välj alla

<input type=checkbox name="n_1" value="1">
<input type=checkbox name="n_2" value="1">
<input type=checkbox name="n_3" value="1">

</form>
</body>
</html>

[/log]

 

EDIT: Kom på att jag lika gärna kunde gjort funktionen med bara två parametrar, men lämnar det åt dig som övning =)

 

[inlägget ändrat 2006-05-17 11:50:24 av Anjuna Moon]

Länk till kommentar
Dela på andra webbplatser
Admini

Admini

Postad
  • Trådskapare
Postad

Hej Anjuna

Du vet att javascript inte är min bästa sida :(

Jag kopierade din kod rakt in i mina, men jag får "bort" pricken i boxar när jag klickar på knappen "Välj alla".

 

 

Länk till kommentar
Dela på andra webbplatser
Admini

Admini

Postad
  • Trådskapare
Postad

Haha! jag hittade en av dina gamla lösningar som funkar bättre för mig här.

//eforum.idg.se/viewmsg.asp?EntriesId=682285#682343

 

Det är den här jag menar:

 

<html><head>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function CheckAll(oFrm) {
els=oFrm.elements;
for (i=0;i<els.length;i++) {
if(els[i].type=='checkbox')
els[i].checked=!els[i].checked;
}
}
//-->
</SCRIPT>
</head>
<body>
<form action="" method="post">
<input type="checkbox">
<input type="checkbox">
<input type="button" value="Check" onclick="CheckAll(this.form);">
</form>
</body></html>

 

Tack + p

 

 

[inlägget ändrat 2006-05-17 12:18:25 av Admini]

Länk till kommentar
Dela på andra webbplatser
Anjuna Moon

Anjuna Moon

Postad
Postad
Haha! jag hittade en av dina gamla lösningar som funkar bättre för mig här.

Hehe, jag har hängt här för länge tror jag =) Tack för poängen!

 

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

Gå till ämneslista


×
×
  • Skapa nytt...