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!
Enkel checkbox fråga!
9 svar · 273 visningar · startad av ConnyFox
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>
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...
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;">****
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?
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>
:)
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
kan ju iofs kopiera klistra massa olika men går d inte o göra enklare än så?
ähh d får funka bra så tack iaf d e perfa!
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>