Grafiska checkboxar

2 svar · 269 visningar · startad av Poffe 3 jan. 2007

PoffeMedlem sedan apr. 20022 743 inlägg

Trådstart3 jan. 2007 20:12#1

Hej

Jag använder mig utav Jojoxx Grafiska checkboxar på en sida jag håller på med och det fungerar toppen bra.

Jag har en lång lista med checkboxar. Varje box representerar en post i databasen (med ett id alltså). Tanken är att man ska välja de boxar (poster) man vill ändra på och klicka på submit för att få upp ett formulär med dessa poster.

Det går ju att lösa med det befintliga scriptet men enklare skulle vara om man kunde få in alla markerade posters ID komma-separerade i ett eget hidden-fält.

Alltså istället för t.ex.

chk1 = "0"
ckh2 = "0"
chk3 = "1"
chk4 = "0"
chk5 = "1"

Vill jag få det:

selected = "3, 5"

Har testat lite men är ingen höjdare på javascript så jag får inte till nått vettigt. Nån som har ett förslag på hur man skulle kunna lösa det? Vore väldigt tacksam för hjälp!

Peter SMedlem sedan dec. 20025 483 inlägg

3 jan. 2007 20:25#2

Hej!

<form name="myForm">
<input type="hidden" name="myhidden" value="">
<a href="#" onClick="gfxCheckboxToggle(123,document.myForm.myhidden,document['checkbox1'],'images/off.gif','images/on.gif'); return false;"><img src="images/off.gif" width=30 height=30 border=0 alt="" name="checkbox1"></a>
<a href="#" onClick="gfxCheckboxToggle(321,document.myForm.myhidden,document['checkbox2'],'images/off.gif','images/on.gif'); return false;"><img src="images/off.gif" width=30 height=30 border=0 alt="" name="checkbox2"></a>
<input type="button" onclick="alert(this.form.elements[0].value)">
</form>
<script type="text/javascript">
/* Detta script finns att hämta på [url]http://www.jojoxx.net[/url] och
   får användas fritt så länge som dessa rader står kvar. */

function gfxCheckboxToggle(id,hiddenobj,imgobj,offSrc,onSrc){
	hiddenobj.value = (new RegExp(id+",").test(hiddenobj.value)) ? hiddenobj.value.replace(new RegExp(id+","),""): (hiddenobj.value + id + ",");
	if(document.images){
		imgobj.src = (new RegExp(id+",").test(hiddenobj.value)) ? onSrc:offSrc;
	}
}
</script>

PoffeMedlem sedan apr. 20022 743 inlägg

3 jan. 2007 20:37#3

Underbart! Tack för hjälpen!