---
title: "Grafiska checkboxar"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/155521-grafiska-checkboxar"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Poffe"
published: "2007-01-03T20:12:27.000Z"
updated: "2007-01-03T20:37:06.000Z"
replies: 2
views: 263
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/155521-grafiska-checkboxar"
---

# Grafiska checkboxar

## #1 — Poffe, 2007-01-03T20:12Z

Hej

Jag använder mig utav [Jojoxx Grafiska checkboxar](http://www.jojoxx.net/jscript/archive/show.asp?id=26) 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!

Permalänk: https://www.webforum.nu/p/155521

## #2 — Peter S, 2007-01-03T20:25Z

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

Permalänk: https://www.webforum.nu/p/1917638

## #3 — Poffe, 2007-01-03T20:37Z

Underbart! Tack för hjälpen!

Permalänk: https://www.webforum.nu/p/1917641

---

Tråden på webben: https://www.webforum.nu/amne/javascript/155521-grafiska-checkboxar