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.

Toggla alla Checkboxar

Wepe

Startad av Wepe,
i Webbutveckling

Rekommendera Poster

Anjuna Moon

Anjuna Moon

Postad
Postad

Varsågod!

 

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

 

Länk till kommentar
Dela på andra webbplatser
Wepe

Wepe

Postad
  • Trådskapare
Postad

Du är helt otrolig... Hur hinner du? Tack iaf :)

 

Finns en lite hake med den... Den togglar alla boxar när den egentligen skall funka så att den ska toggla alla boxar så att de blir lika som den översta som man togglar med (i detta fall en button).

 

Typ

 

klickbox (unchecked)

 

checked

unchecked

checked

unchecked

unchecked

 

ska bli

 

klickbox (checked)

 

checked

checked

checked

checked

checked

 

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

Anjuna Moon

Postad
Postad

Hade du tänkt dig något sånt här?

 

[log]

<html><head>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
var blState=true;
function SetStates(o) {
	els=o.form.elements;
	for (i=0;i<els.length;i++) {
		if(els[i].type=='checkbox')
			els[i].checked=blState;
	}
	blState=!blState;
	o.value=(blState)?'Check all':'Uncheck all';
}
//-->
</SCRIPT>
</head>
<body>
<form action="" method="post">
<input type="button" value="Check all" onclick="SetStates(this);"><br><br>
<input type="checkbox"><br>
<input type="checkbox">
</form>
</body></html>

[/log]

 

Länk till kommentar
Dela på andra webbplatser
Wepe

Wepe

Postad
  • Trådskapare
Postad

Stötte på ett litet problem... Bytte knappen till en box och satte den till förklickad men då måste man klicka två gånger innan alla andra boxar börjar ändra sej pga att scriptet startar i läget "alla boxar oklickade" fast alla boxar är iklickade som default.

 

Länk till kommentar
Dela på andra webbplatser
  • 3 veckor senare...
Wepe

Wepe

Postad
  • Trådskapare
Postad

Hej!

Hur gör jag så detta script börjar med att alla checkboxar är i klickade och att första gången man klickar på toggle-boxen så klickas alla ur. Nu när man klickar på den för första gången så sätter den alla boxar till iklickade och inte urklickade.

 

var blState=true;
function SetStates(o) {
els=o.form.elements;
for (i=0;i<els.length;i++) {
if(els[i].type=='checkbox')
els[i].checked=blState;
}
blState=!blState;
}

 

<input type="checkbox" checked value="Avmarkera alla" onclick="SetStates(this);">

 

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

Anjuna Moon

Postad
Postad

Tjena. Det där ser ut som ett av mina gamla exempel, så det är väl passande att jag svarar. Ändra bara första raden till:

var blState=false;

 

EDIT: Och nu såg jag också vilken tråd det var, visst var det mitt exempel

[inlägget ändrat 2005-03-13 00:16:48 av Anjuna Moon]

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