Just nu i M3-nätverket
Jump to content

Toggla alla Checkboxar


Wepe

Recommended Posts

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>

 

Link to comment
Share on other sites

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

 

Link to comment
Share on other sites

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]

 

Link to comment
Share on other sites

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.

 

Link to comment
Share on other sites

  • 3 weeks later...

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);">

 

Link to comment
Share on other sites

Anjuna Moon

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]

Link to comment
Share on other sites

Archived

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



×
×
  • Create New...