---
title: "Enkel checkbox fråga!"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/63898-enkel-checkbox-fråga"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "ConnyFox"
published: "2003-01-05T16:15:39.000Z"
updated: "2003-01-06T15:43:32.000Z"
replies: 9
views: 279
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/63898-enkel-checkbox-fråga"
---

# Enkel checkbox fråga!

## #1 — ConnyFox, 2003-01-05T16:15Z

Hur gör jag med javascript så att när jag klickar på en bild/länk så kryssas en checkbox i?

tack på förhand!

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

## #2 — Jesper T, 2003-01-05T18:45Z

Kanske så här:

```
<form name="formen" method="post" action="">
  <input type="checkbox" name="checkbox" value="checkbox">
</form>
<a href="#" onclick="document.formen.checkbox.checked=true;"><img src="bild.jpg" border="0"></a>
```

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

## #3 — Darren, 2003-01-05T22:22Z

Bara ett litet tips... Använd lösningen som JesperT gav dig men ändra a taggen så att den ser ut så här:

```
<a href="javascript:;" onclick="document.formen.checkbox.checked=true;"><img src="bild.jpg" border="0"></a>
```

Ordet javascript skall skrivas som ett ord. Det är wF som delar på den...

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

## #4 — Jojoxx, 2003-01-05T23:25Z

Varför? För att webbläsaren annars hoppar längst upp på sidan? I så fall är det bättre att lägga till **return false **sist i onClick-eventet.

\<a href="#" onclick="document.formen.checkbox.checked=true; return false;"\>****

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

## #5 — ConnyFox, 2003-01-06T12:40Z

tack för era svar men d visade sig att detta inte riktigt var vad jag hadde tänkt mig. Saken är den att när jag klickar en gång så ska den bli checkad och när jag klickar en gång till så ska den avcheckas. 

Och jag har i samma länk ett annat javascript som inte verkar vilja funka ihop med koden ni gav mig utan bara eran kod körs o inte javascriptet.

\<a HREF="javascript:expandIt(eltwo)"\>länk\</a\>

någon som vet hur man fixar i o av checkning samt att det andra javascriptet körs?

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

## #6 — Peter S, 2003-01-06T13:19Z

Så här kanske:

```
<script type="text/javascript">
<!--

function checkIt(){
	document.f.c.checked = (document.f.c.checked)?false:true;
};

//-->
</script>

<body>

<form name="f">
<input type="checkbox" name="c">
</form>

<a href="javascript:void(0)" onclick="checkIt(); expandIt(eltwo); return false;">Check</a>

</body>
```

 :)

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

## #7 — ConnyFox, 2003-01-06T13:36Z

Tackar det DÄR var exakt vad jag sökte, funkar hur bra som helst! ...med ett undantag =/ jag behöver kunna göra det på flera olika checkboxar! o d får jag inte riktigt att funka tyvärr

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

## #8 — ConnyFox, 2003-01-06T13:38Z

kan ju iofs kopiera klistra massa olika men går d inte o göra enklare än så?

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

## #9 — ConnyFox, 2003-01-06T13:52Z

ähh d får funka bra så tack iaf d e perfa!

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

## #10 — dectgap, 2003-01-06T15:43Z

Här har du två olika exempel på hur du kan göra om du har flera olika checkboxes:

ex1

```
<html>
<head>
<script type="text/javascript">
<!--

function checkIt(checkId){
	document.getElementById(checkId).checked = (document.getElementById(checkId).checked)?false:true;
};

//-->
</script>
</head>

<body>

<form name="f">
<input type="checkbox" name="a" id="a" />
<input type="checkbox" name="b" id="b" />
<input type="checkbox" name="c" id="c" />
</form>

<a href="javascript:void(0)" onclick="checkIt('a'); expandIt(eltwo); return false;">Check a</a>
<a href="javascript:void(0)" onclick="checkIt('b'); expandIt(eltwo); return false;">Check b</a>
<a href="javascript:void(0)" onclick="checkIt('c'); expandIt(eltwo); return false;">Check c</a>
</body>
</html>
```

ex2

```
<html>
<head>
<style type="text/css">
label {
 cursor: pointer;
}
</style>
</head>

<body>

<form name="f">
<input type="checkbox" name="a" id="a" />
<input type="checkbox" name="b" id="b" />
<input type="checkbox" name="c" id="c" />
</form>

<label for="a" onclick="expandIt(eltwo)">Check a</label>
<label for="b" onclick="expandIt(eltwo)">Check b</label>
<label for="c" onclick="expandIt(eltwo)">Check c</label>
</body>
</html>
```

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/63898-enkel-checkbox-fråga
