Just nu i M3-nätverket
Jump to content

Markera alla checkboxar


Admini

Recommended Posts

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]

Link to comment
Share on other sites

Anjuna Moon

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]

Link to comment
Share on other sites

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

 

 

Link to comment
Share on other sites

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]

Link to comment
Share on other sites

Anjuna Moon
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!

 

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...